如图:
切换二级菜单,禁止菜单高亮
<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.$route
const {meta, path} = route
// 可以在路由配置文件中设置自定义的路由路径到meta.activeMenu属性中,来控制菜单自定义高亮显示
if (meta.title) {
return meta.title
}
return path
}
},