素材巴巴 > 程序开发 >

vue 页面权限控制、按钮权限控制

程序开发 2023-09-10 11:05:52

实现思路:使用自定义指令

页面权限控制

根据角色控制页面的显示——用户的角色信息,来自后台返回的用户信息的roles数组。

自定义指令 v-hasRole

使用

只有拥有admin角色的用户,才能看到的页面

按钮权限控制 

按钮权限,通过后端返回的路由信息中meta的types数组决定。

按钮上添加自定义指令 v-hasPermission

拥有get 和 delete操作权限的用户,才能看到删除按钮

自定义指令 v-hasPermission

 

 


标签:

上一篇: vue3 CLI@4配置scss/sass 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。