526互联

Element UI Button按钮防止频繁点击处理

发布时间 2023-03-28 11:12:41作者: 吃饭七分饱
使用v-preventReClick自定义指令
export default {
  preventReClick: {
    inserted(el, binding) {
      el.addEventListener('click', () => {
        if (!el.disabled) {
            el.disabled = true
            setTimeout(() => {
                el.disabled = false
            }, binding.value || 2000)
        }
    })
    }
  }
}