> 文章列表 > element NavMenu导航菜单 禁止 高亮

element NavMenu导航菜单 禁止 高亮

element NavMenu导航菜单 禁止 高亮

如图:
element NavMenu导航菜单 禁止 高亮
切换二级菜单,禁止菜单高亮

<el-menu class="el-menu-demo":default-active="activeMenu"mode="horizontal"background-color="#232323"text-color="#fff"active-text-color="#ffd04b"><el-menu-item index="1" >指南</el-menu-item><el-menu-item index="2" >下载</el-menu-item><el-submenu index="3"><template slot="title" >管理</template><el-menu-item index="3-1" >系统</el-menu-item><el-menu-item index="3-2" >返回</el-menu-item></el-submenu>
</el-menu>
computed: {activeMenu() {const route = this.$routeconst {meta, path} = route// 可以在路由配置文件中设置自定义的路由路径到meta.activeMenu属性中,来控制菜单自定义高亮显示if (meta.title) {return meta.title}return path}},