侧边菜单栏采用了element ui 的el-menu组件,用到了default-active和router属性
分三步走
第一步,在el-menu 中添加router='true' 和 default-active = { this.$route.meta.name } 属性
--this.$route.meta.name 为路由表中配置
第二步, 在el-menu-item 中 添加 router = { menu.path }
第三步, 在路由表中添加自定义属性meta.name 的值
-- 例如
path: '/',
component: '........',
children: [
{ path: 'index', component: '..........', meta: { title: '首页', auth: true, name: '/index' } }
]
搞定收工