vue 指令式防止重复点击

防止按钮重复点击vue 自定义全局指令

// 防重复点击(指令实现)
vue.directive('resetClick', {
  inserted (el, binding) {
    el.addEventListener('click', () => {
      if (!el.disabled) {
        el.disabled = true
        setTimeout(() => {
          el.disabled = false
        }, binding.value || 1000)
      }
    })
  }
})

调用方式：v-resetClick