按钮权限,在页面权限之下,页面下勾选任意一个按钮,则默认也有查看功能

通过指令方式实现按钮权限控制
// 按钮使用方式 v-has:参数 = '值' 参数可不要
app.directive('has', {// 因为是在beforeMount钩子里面做的所以,下面需要setTimeoutbeforeMount: function (el, binding) {// 获取列表let actionList = storage.getItem('actionList')// 获取指令接收的按钮权限值 例如是 'btn_add'let value = binding.valuelet hasPermission = actionList.includes(value)// 判断当前传进来的值是否包含在,当前页面的按钮列表里面// 在则有当前按钮权限,不在则没有按钮权限if (!hasPermission) {// 隐藏起来,但是在dom树上还能看到el.style = 'display:none'// 将按钮从dom树上删除setTimeout(() => {el.parentNode.removeChild(el)}, 0)}}
})