Vue自定义指令 自定义指令实现后台页面按钮权限

全局注册自定义指令:
/权限指令/
Vue.directive(‘has’, {
inserted: function(el, binding) {
if (!Vue.prototype.$_has(binding.value)) {
el.parentNode.removeChild(el);
}
}
});
自定义指令防止按钮多次点击重复提交表单：
Vue.directive(‘noMoreClick’, {
inserted(el, binding) {
el.addEventListener(‘click’, e => {
el.classList.add(‘is-disabled’);
el.disabled = true;
setTimeout(() => {
el.disabled = false;
el.classList.remove(‘is-disabled’);
}, 1500)
})
}
});

局部注册自定义指令：
自定义指令的钩子函数
bind,inserted,updated,componentUpdated,unbind
el：指令所绑定的元素，可以用来直接操作 DOM 。
binding：一个对象，包含以下属性：
name：指令名，不包括 v- 前缀。
value：指令的绑定值，例如：v-my-directive=“1 + 1” 中，绑定值为 2。
oldValue：指令绑定的前一个值&