vue 全局指令实现防止按钮重复点击 防抖
指令代码
通过为按钮设置disabled属性在3秒内阻止重复点击,设置定时器在3秒后移除disabled属性
export const preventClick = {
inserted(el, binding) {
el.addEventListener('click', () => {
if (!el.disabled) {
el.disabled = true
setTimeout(() => {
el.disabled = false
}, binding.value || 3000)
}
})
}
}