Vue3封装全局自定义指令实现按钮权限控制功能实例_vue.js
后端返回的权限数据模拟
// 模拟权限mock数据const permissions = [ "park:bulidng:add", "park:bulidng:del", "park:bulidng:edit",]
思路:每一个需要做权限控制的按钮都有一个自己独有的 标识 , 如果标识可以在权限数据列表中找到,则显示,找不到就隐藏
按钮绑定上v-my-point自定义全局指令
// 自定义按钮权限directiveconst myPointDirective:Directive 后端返回的权限数据没有,则上面按钮就不会显示 这样就实现了通过全局自定义指令来实现按钮权限的控制了。 到此这篇关于Vue3封装全局自定义指令实现按钮权限控制功能的文章就介绍到这了,更多相关Vue3自定义指令按钮权限控制内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
本文地址: https://www.earthnavs.com/jishuwz/1b2ba7406e1f154206f3.html























