你可以通过设置activeIndex为null或空字符串来取消选中状态。 如果你使用的是v-model绑定,可以将绑定的数据设置为null。更新el-menu组件的状态: 确保Vue实例中的数据更新后,el-menu组件的状态也会随之更新。验证取消选中操作是否成功: 通过检查UI界面或打印日志来验证el-menu的选中状态是否已被取消。以下...
1.这是关闭路由页面后会跳转到首页而el-menu-item还是选中的状态,现在要将他选中的状态取消掉 2.使用watch 监听路由的变化,判断当跳转到首页时恢复未选中状态 选给el-menu一个ref <el-menu ref="elMenu"> watch:{ // 取消导航栏的选中状态 $route:{ handler(val,oldval){ (val);//新路由信息 (oldval...
// 取消菜单栏的当前选中状态。 this.$refs.elMenu.activeIndex=null
},mounted() {this.activeIndex=this.$route.path}, 情况二:嵌套路由,当选中子路由时父级菜单要高亮显示,单前选中菜单也是被选中的颜色;(如下图) 当选中版本管理时,版本管理的被选中,同时父级菜单“系统配置”也将高亮显示; <el-menu :default-active="navLeftActive" class="el-menu-demo" mode="horizonta...
$emit('menuHandleClick',data) //取消当前导航选中项 this.$refs.elMenuRef.activeIndex = null }, }, 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17版权声明:本文为weixin_44733223原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net...