Vue 自定义指令

=Vue 自定义指令
新建文件XXX.vue
import Vue from ‘vue’
Vue.directive(‘hasRole’, {
inserted(el, binding) {
// roles的值，应为string数组，存放按钮列表 例子：[‘user’,‘proxy’]
// 也可以根据自己的逻辑修改
const roles = localStorage.getItem(‘userinfo’)
console.log(‘roles’, roles);
// 使用插件时，绑定的值
const value = binding.value
// 判断数组是否包含传入的值
if( roles.includes(value)){
el.style.display=‘block’
}else{
el.style.display=‘none’
}

}

})
export default {}

main.js
import hasRole from ‘XXX.vue’
Vue.use(hasRole)