案例图:
需求:需要将二级菜单页面拓展到三级菜单
步骤如下:
1.在存放侧边栏json数据文件中,在对应需要进行拓展的菜单增加一个字段名为grandson的对象
2. 找到侧边栏组件相对应的.vue文件
修改前:
{{$t(menu.name)}}
{{$t(subitem.name)}}
修改后:
{{$t(menu.name)}}
{{$t(subitem.name)}}
{{$t(subitem.name)}}
{{item.grandsonName}}
其实就是在里面多嵌套了一个el-submenu组件,然后使用v-if判断是否拥有grandson对象,
如果有就是只有二级菜单,直接进行跳转
否则就是三级菜单
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)