vue 页面权限控制、按钮权限控制
程序开发
2023-09-10 11:05:52
实现思路:使用自定义指令
页面权限控制
根据角色控制页面的显示——用户的角色信息,来自后台返回的用户信息的roles数组。
自定义指令 v-hasRole
使用
只有拥有admin角色的用户,才能看到的页面
按钮权限控制
按钮权限,通过后端返回的路由信息中meta的types数组决定。
按钮上添加自定义指令 v-hasPermission
拥有get 和 delete操作权限的用户,才能看到删除按钮
自定义指令 v-hasPermission
标签:
上一篇:
vue3 CLI@4配置scss/sass
下一篇:
相关文章
-
无相关信息