函数防抖封装为vue的自定义指令

防止重复点击操作(函数防抖操作)

Vue.directive(‘preventReClick’, {
inserted(el, binding) {
el.addEventListener(‘click’, () => {
if (!el.disabled) {
el.disabled = true
setTimeout(() => {
el.disabled = false
}, binding.value || 2000)
}
})
}
})

在页面如何使用

你可能感兴趣的:(函数防抖封装为vue的自定义指令)