vue短时间内频繁多次点击按钮处理

export default {
  install (Vue) {
    // 防重复点击(指令实现)
    Vue.directive('preventReClick', {
      inserted (el, binding) {
        el.addEventListener('click', () => {
          if (!el.disabled) {
            el.disabled = true
            setTimeout(() => {
              el.disabled = false
            }, binding.value || 5000)
          }
        })
      }
    })
  }
}

main.js引入

/**
 * 短时间内频繁多次点击按钮处理
 * eq：<el-button v-preventReClick="1000">实现1s内只允许点击一次
 * 默认：5s
 */
import preventReClick from '@/util/controlClickState'
Vue.use(preventReClick)