// 注冊一個全局自定義指令 `v-debounce`
Vue.directive('debounce', {
  // 當被綁定的元素插入到 DOM 中時...
  inserted: function (el, binding) {
    let timer;
    el.addEventListener('click', () => {
      clearTimeout(timer);
      timer = setTimeout(() => {
        binding.value(); // 調用傳給指令的方法
      }, 500);
    });
  },
  // 當綁定元素的父組件更新時...
  update: function (el, binding) {
    let timer;
    el.addEventListener('click', () => {
      clearTimeout(timer);
      timer = setTimeout(() => {
        binding.value(); // 調用傳給指令的方法
      }, 500);
    });
  }
});

// 使用指令
// 在組件中
<template>
  <button v-debounce="myClickHandler">Click me</button>
</template>

<script>
export default {
  methods: {
    myClickHandler() {
      // 處理點擊事件
    }
  }
}
</script>

export default {
    install (Vue) {
      // 防止按鈕重復點擊
      Vue.directive('preventReClick', {
        inserted (el, binding) {
          // console.log("binding-7", binding)
          el.addEventListener('click', () => {
            if (!el.disabled) {
              el.disabled = true
              setTimeout(() => {
                el.disabled = false
              }, binding.value || 2000)
            }
          })
        }
      })
    }
  }