总结 el-menu的default-active不生效通常是由于设置错误、异步数据加载问题、或组件状态更新不及时等原因导致的。通过仔细检查设置、确认其他代码的影响、查阅官方文档、手动设置激活项以及寻求社区帮助,通常可以解决这类问题。
1.el-menu上加上@select='selectmenu' 2.methods里面加入selectmenu方法 selectmenu (index, indexPath) { this.activeMenu = index window.localStorage.setItem('activeMenu', this.activeMenu) },
错误做法：点击【我的房间】，修改default-active的值，发现default-active的值改变了，但高亮未生效 正确做法：点击【我的房间】，触发【首页】点击事件
<divclass="my-house"@click="joinChannel(rid)"><iclass="el-icon-house"></i><spanslot="title">我的房间</span></div><!--导航菜单--><el-menu:default-active="defaultActive"active-text-color="#F38621"><el-menu-itemindex="/index"><iclass="el-icon-s-home"></i><spanslot="title"...
constactiveIndex=ref("-1"); bug现象:变更这个值发现菜单无法激活 代码语言:javascript 复制 activeIndex.value="0"; 解决:nuxt是服务端渲染框架,使用client-only标签使该组件仅在客户端渲染,然后问题就解决了 代码语言:javascript 复制 <client-only><el-menu:default-active="activeIndex"mode="horizontal"active...
RT,跟着element官网做,利用index做跳转无效。不知有没有啥解决办法。并不想用router-link或者做跳转。 <el-row class="tac"> <el-col :span="12"> <h5>默认颜色</h5> <el-menu default-active="$route.path" class="el-menu-vertical-demo" ...
el-menu 封装递归组件实现嵌套导航栏 default-active属性 不实时响应,可能原因:1.子元素el-submenu、el-menu-item使用v-for循环:key绑定的是list下标index的原因,动态渲染的子级菜单无法设置当前激活菜单(解决方法::key可换成绑定path属性)...
<el-menu router>router属性开启了路由,当点击了二级菜单比如用户列表即<el-menu-item>,<el-menu-item>,的index属性规定了激活的路由,如果index='/users'则会跳转到/users的路由。 但是这里有个坑: 比如右边即Users.vue有个面包屑导航区代码如下,结合下面的路由配置,可知点击首页会跳转到路由/wellcome,但是用户列...
RT,跟着element官网做,利用index做跳转无效。不知有没有啥解决办法。并不想用router-link或者做跳转。 <el-row class="tac"> <el-col :span="12"> <h5>默认颜色</h5> <el-menu default-active="$route.path" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose"> <el-submenu ...