element中navMenu菜单高亮(嵌套菜单)

想让一级菜单与二级菜单中的相应页面的菜单同时高亮(同时控制2个分离菜单的高亮)
image
解决办法:需要在每项路由中设置meta属性的不同字段来控制高亮
(刷新仍能高亮时以路由路径匹配式高亮)


一级菜单:


  report


二级菜单:

myReport

router/index.js

routes: [
  {
    path: '/report',
    name: 'report',
    component: report,
    meta:{
      mainCurrentRoute: '/report'
    },
    children:[{
      path: 'myReport',
      name: 'myReport',
      component: myReport,
      meta:{
        mainCurrentRoute: '/report',        // 一级菜单高亮
        currentRoute: '/report/myReport'    // 二级菜单高亮
      }
    }]
  }
  ...
]

原文:https://blog.csdn.net/m0_38134431/article/details/94755527

你可能感兴趣的:(vue.js,element-ui)