vue实现页面权限中的菜单配置
最新回答
无穷鸡腿
2024-09-19 02:14:13
通过一个数组渲染菜单，实现页面权限的自动配置。
n级菜单有n-1级菜单构成......以此类推可得：多级菜单就是通过二级菜单循环构成。在element-ui中找到 NavMenu 导航菜单 组件，使用该组件做一个二级菜单的循环体组件。菜单数据存储在vuex中。
在组件中判断是否有子集来加载不同的模块。二级菜单内部通过插槽来加载循环生成的一级组件数组，如下 list-item 组件
index属性可以用菜单对象中的任意属性代替只需要它是唯一的
从后台获取不同角色的不同菜单数据，再通过两个递归函数来渲染菜单和动态添加菜单路由，实现页面的权限配置。
https://erpang123.github.io/router-demo/dist-demo/index.html
完整案例： https://github.com/erpang123/router-demo
热门标签
