vue
加标识符
依赖注入
然后判断这个按钮的标识eleType在角色信息里面有没有
返回一个boolean值
v-if条件渲染
1、给按钮加标识符,如果按钮的标识符设置的一样的(比如新增都设置为add啥的)可以加上按钮的路由信息保证按钮标识符是唯一的。
2、方法可以单拎出来写然后使用依赖注入provide / inject传递。
provide就相当于加强版父组件prop。
inject就相当于加强版子组件的props 。
以上两者可以在父组件与子组件、孙子组件、曾孙子…组件数据交互,也就是说不仅限于prop的父子组件数据交互,只要在上一层级的声明的provide,那么下一层级无论多深都能够通过inject来访问到provide的数据。
3、页面显示是那种按钮组的话可以再封装一个公共组件。在组件里filter过滤出有权限标识符的按钮,使用该组件时传递页面的按钮信息,获取到组件返回的有权限的按钮,直接渲染展示到页面。
4、有使用公共组件的直接父子传值就可
5、直接使用权限方法使用inject获取值,判断是否有标识符展示即可。