导航菜单设置管理员权限笔记(element,vue2)

1,在登录时获取管理员的权限信息,这里用一个数组代替

例:[ ' 1 ' , ' 2 ' , ' 2-1 ' ]   表示  显示标识为‘1’菜单 和 ‘2’菜单 和 2的子菜单‘2-1’,

2,将所有路由页面设置路由元信息meta{},设置上该路由的地址,导航菜单名称还有id('1')

3,将路由表进行遍历,通过是否存在于权限数组中进行筛选,存在的显示于页面,否则不显示

(难点在于导航菜单的子菜单级,双层进行筛选)

这是一个一级菜单下和其下的一个二级菜单,把主要内容设置到meta中

对路由表进行遍历和筛选,限于二级菜单(重点,难点)

checkedKeys是传入的权限数组,利用meta中的数据写拼成一个新的路由表

 

 利用element组件进行渲染,getMenu就是上述筛选之后的路由表

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值