vue中防止用户在短时间内频繁多次点击按钮

除了防抖 节流外 点这里   vue中用指令的形式

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 || 1000)

          }

        })

      }

    })

  }

}

 

https://www.jianshu.com/p/fa283869df95