vue自定义指令封装

import Vue from ‘vue’

// 权限检查
Vue.prototype.$_has = function(val){
let isShow = false
let btnPermissionStr = sessionStorage.getItem(‘btnPermissions’) // 获取存储的自定义指令
if(!btnPermissionStr){
return false
}

// 假如获取的 btnPermissionStr = ‘has-book’,‘has-tel’,‘has-name’
let arr = btnPermissionStr.split(‘,’)
if(arr.findIndex(v => v == val) !== -1){
isShow = true
}
return isShow
}

// 自定义指令
const has = Vue.directive(‘has’, {
bind(el, binding, vnode) {
// 获取按钮权限
let className = binding.value.class
if(!Vue.prototype.$_has(className)){
el.parentNode.removeChild(el)
}
},
inserted(el, binding, vnode) {},
update(el, binding, vnode, oldVnode) {},
componentUpdated(el, binding, vnode) {},
unbind(el, binding, vnode) {},
});

export {has}