需求:
点击【我的房间】,【首页】高亮
错误做法:
点击【我的房间】,修改default-active的值,发现default-active的值改变了,但高亮未生效
正确做法:
点击【我的房间】,触发【首页】点击事件

<div class="my-house" @click="joinChannel(rid)">
<i class="el-icon-house"></i>
<span slot="title">我的房间</span>
</div>
<!-- 导航菜单 -->
<el-menu :default-active="defaultActive" active-text-color="#F38621">
<el-menu-item index="/index">
<i class="el-icon-s-home"></i>
<span slot="title" ref="activeIndexRef">首页</span>
</el-menu-item>
</el-menu>
网友评论