vue 指令 防止按钮重复点击
2020-09-14 本文已影响0人
IssunRadiance
在main.js中写入
然后再需要用到的页面直接使用
v-
preventReClick
这里有一个小问题：
原理是在点击的时候，给自身加一个disabled禁止点击, 两秒后disabled取消，
但是这个指令方法，在div上面没有生效， 所以需要用button按钮
Vue.directive('preventReClick', {
inserted (el, binding) {
el.addEventListener('click', () => {
if(!el.disabled) {
el.disabled =true setTimeout(() => {
el.disabled =false }, binding.value || 3000)
}
})
}
})
