vue权限控制到按钮级别

vue
加标识符
依赖注入
然后判断这个按钮的标识eleType在角色信息里面有没有
返回一个boolean值
v-if条件渲染

1、给按钮加标识符,如果按钮的标识符设置的一样的(比如新增都设置为add啥的)可以加上按钮的路由信息保证按钮标识符是唯一的。

2、方法可以单拎出来写然后使用依赖注入provide / inject传递。
provide就相当于加强版父组件prop。
inject就相当于加强版子组件的props 。
以上两者可以在父组件与子组件、孙子组件、曾孙子…组件数据交互,也就是说不仅限于prop的父子组件数据交互,只要在上一层级的声明的provide,那么下一层级无论多深都能够通过inject来访问到provide的数据。

3、页面显示是那种按钮组的话可以再封装一个公共组件。在组件里filter过滤出有权限标识符的按钮,使用该组件时传递页面的按钮信息,获取到组件返回的有权限的按钮,直接渲染展示到页面。

4、有使用公共组件的直接父子传值就可

5、直接使用权限方法使用inject获取值,判断是否有标识符展示即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值