在main.js中写入
然后再需要用到的页面直接使用
这里有一个小问题:
原理是在点击的时候,给自身加一个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)
}
})
}
})