前端 自定义指令避免连点

/**

• 防止按钮重复点击
  */
  import Vue from ‘vue’
  // 在vue上挂载一个指量 preventReClick
  const preventReClick = Vue.directive(‘preventReClick’, {
  inserted: function (el, binding) {
  el.addEventListener(‘click’, () => {
  if (!el.disabled) {
  el.disabled = true
  setTimeout(() => {
  el.disabled = false
  }, binding.value || 3000)
  //binding.value可以自行设置。如果设置了则跟着设置的时间走
  //例如：v-preventReClick=‘500’
  }
  })
  }
  });
  export { preventReClick }