美文网首页
Element中el-menu,点击el-menu以外的元素,修

Element中el-menu,点击el-menu以外的元素,修

作者: sweetylulu | 来源:发表于2021-10-13 18:02 被阅读0次

    需求:
    点击【我的房间】,【首页】高亮

    错误做法:
    点击【我的房间】,修改default-active的值,发现default-active的值改变了,但高亮未生效

    正确做法:
    点击【我的房间】,触发【首页】点击事件


    【我的房间】是el-menu以外的元素,【首页】是el-menu内的导航元素
    <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>
    

    相关文章

      网友评论

          本文标题:Element中el-menu,点击el-menu以外的元素,修

          本文链接:https://www.haomeiwen.com/subject/ctleoltx.html