Vue.directive('preventReClick', {
inserted(el, binding) {
el.addEventListener('click', () => {
if (!el.disabled) {
el.disabled = true
setTimeout(() => {
el.disabled = false
}, binding.value || 3000)
}
})
}
});
在需要用到该功能的地方直接使用参数v-preventReClick即可,v-preventReClick默认3秒,可以自己设定如:v-preventReClick='2000'