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是分开的

主要做两点

1. menu地方，不进行合并
2. vue-router地方，在path配置的时候，加上/，相当于根路径