二级路由导致菜单高亮失效
首先 如果页面没有添加二级路由或者多级路由菜单得话,可以直接使用官网给的方法
:default-active="$route.path"
就没有问题了
但是当存在多层路由嵌套得时候,建议将路由写在计算属性里面
:default-active="defaultActive"
其中计算属性里面写入需要或企业得路由,
computed: {
//获取当前路由渲染页面菜单
defaultActive() {
let pathLength = this.$route.path.split("/").reverse();
// console.log(pathLength);
if (pathLength.length < 4) {
let path =
"/" +
this.$route.path.split("/").reverse()[1] +
"/" +
this.$route.path.split("/").reverse()[0];
return path;
} else {
let path1 =
"/" +
this.$route.path.split("/").reverse()[2] +
"/" +
this.$route.path.split("/").reverse()[1] +
"/" +
this.$route.path.split("/").reverse()[0];
return path1;
}
}