input或者button type=submit,设置disabled属性后,无法提交代码到后台
注册全局指令
思路是修改style里面的pointer-events:属性
Vue.directive('preventReClick', {
inserted (el, binding) {
el.addEventListener('click', e => {
el.style.cssText = 'color: rgba(0, 0, 0, 0.25);background-color: #f5f5f5;pointer-events:none'
setTimeout(() => {
el.style.cssText = 'pointer-events:inherit'
}, 3000)
})
}
})
下面代码设置disabled属性后,无法提交代码到后台
注册一个全局自定义指令
Vue.directive('preventReClick', {
inserted(el, binding) {
el.addEventListener('click', e => {
el.classList.add('is-disabled');
el.disabled = true;
setTimeout(() => {
el.disabled = false;
el.classList.remove('is-disabled');
}, 3000)
})
}
});