总结 el-menu的default-active不生效通常是由于设置错误、异步数据加载问题、或组件状态更新不及时等原因导致的。通过仔细检查设置、确认其他代码的影响、查阅官方文档、手动设置激活项以及寻求社区帮助,通常可以解决这类问题。
1.el-menu上加上@select='selectmenu' 2.methods里面加入selectmenu方法 selectmenu (index, indexPath) { this.activeMenu = index window.localStorage.setItem('activeMenu', this.activeMenu) },
<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"...
点击【我的房间】，修改default-active的值，发现default-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" ...
activeIndex.value="0"; 解决:nuxt是服务端渲染框架,使用client-only标签使该组件仅在客户端渲染,然后问题就解决了 代码语言:javascript 复制 <client-only><el-menu:default-active="activeIndex"mode="horizontal"active-text-color="#409EFF"><template v-for="(item,index) in menuList"><el-menu-item v...
el-menu 封装递归组件实现嵌套导航栏 default-active属性 不实时响应,可能原因:1.子元素el-submenu、el-menu-item使用v-for循环:key绑定的是list下标index的原因,动态渲染的子级菜单无法设置当前激活菜单(解决方法::key可换成绑定path属性)...
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 ...
背景介绍:项目中使用element-ui时,菜单menu2根据show的值决定是否显示。show 默认为false,请求接口后可能为true 问题:show为true时,点击菜单menu2后,active menu 菜单的样式与当前路由不匹配 解决办法:v-if="show"改为v-show="show" 原因分析:v-if 在初始值为false时,不渲染。v-show 都会渲染,show为false时...
解决办法是给menu的default-active绑定route.path形如:<el-menu :default-active="$route.path" ...>每次渲染menu都会读当前path 设置为default-active