1. 首页
2. Vue
3. 本页

Vue项目防止用户快速点击按钮操作

自定义Vue指令

// 防止多次点击按钮
Vue.directive(‘preventReClick’, {
inserted (el, binding) {
console.log(binding)
el.addEventListener(‘click’, () => {
if(!el.disabled) {
el.disabled = true
setTimeout(() => {
el.disabled = false
}, binding.value || 1000)
}
})
}
})