场景：使用element ui NavMenu导航菜单,跳转到子页面，导航不高亮
解决方案
1、使用default-active绑定计算属性
2、使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转
image.png
3、计算属性
image.png
computed:{
activeIndex() {
const { name } = this.$route;
switch (name) {
case 'threemarklist':
case 'qclist':
return '/threemarklist';
case 'purchaseList':
case 'searchList':
return '/purchaselist';
case 'handlePic':
return "/handlepic";
}
}
网友评论