对侧边栏的路由链接进行改造
了解el-menu的router属性
查看element官网menu的router属性,该属性决定el-menu是否使用 vue-router 的模式,启用该模式会在激活导航时以 index 作为 path 进行路由跳转
点击侧边栏二级菜单跳转
点击用户列表,因为之前对二级菜单设置index为对应菜单项数据的id,因此点击点击后会发生对应的路由跳转。
<el-menu-item
:index="subItem.id + ''"
v-for="subItem in item.children"
:key="subItem.id"
>
更改二级菜单index值
因为使用id作为路由不方便得知页面内容,因此需要修改成menu数据的path字段
<!-- 二级菜单 -->
<el-menu-item
:index="'/' + subItem.path"
v-for="subItem in item.children"
:key="subItem.id"
>
修改后点击效果如下: