vue-router + el-menu
1. el-menu的router属性
在el-menu中有一属性：router，默认是false
1.1 使用默认配置，即false
这时候需要自己在点击子菜单的时候进行导航，在el-menu添加方法，里边有三个参数
- index: 选中菜单项的 index,
- indexPath: 选中菜单项的 index path,
- item: 选中菜单项
<el-menu :router="true" :collapse-transition="false" @select="selectMenu">
<sidebar-item v-for="route in routes" :key="route.url" :item="route" :base-path="route.url" />
</el-menu>
const menuSelect = (index) => {
// 自定义事件,router.push导航
router.push(index)
}
1.2 开启vue-router模式，即true
在element-plus中源码中写好了逻辑
2. 属性 index
el-menu中使用index作为path，所以必须唯一
2.1 菜单中index是合并的，这样对照了vue-router中的路由表，都是合并的
2.1 菜单中index是分开的
主要做两点
menu地方，不进行合并vue-router地方，在path配置的时候，加上/，相当于根路径
