1,在el-menu中设置 :default-active="activeMenu" 和 router
<el-menu
:default-active="activeMenu"
class="el-menu-vertical-demo"
@open="handleOpen"
@close="handleClose"
background-color="#545c64"
text-color="#fff"
active-text-color="#ffd04b"
router
unique-opened
>
2,在计算属性中控制activeMenu
computed: {
activeMenu() {
const route = this.$route
const { meta, path } = route
if (meta.activeMenu) {
return meta.activeMenu
}
return path
}
}