vue 全局节流

我在网上找了两种节流方法

** $on 在main.js 填入即可**

const on = Vue.prototype.$on
Vue.prototype.$on = function (event, func) {
  let previous = 0
  let newFunc = func
  if (event === 'click') {
    newFunc = function () {
      const now = new Date().getTime()
      if (previous + 1000 <= now) {
        func.apply(this, arguments)
        previous = now
      }
    }
  }
  on.call(this, event, newFunc)
}
————————————————
版权声明：本文为CSDN博主「水木Moira」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_44524835/article/details/113127370

**命令 v-preventReClick 使用方法 v-preventReClick=“1000” **

export default {
  inserted(el, binding) {
    el.addEventListener('click', () => {
      if (!el.disabled) {
        el.disabled = true

        setTimeout(() => {
          el.disabled = false

        }, binding.value || 2000)
      }
    })
  }
}

这样引入即可

或者 直接引入main.js

Vue.directive('preventReClick', {
  inserted(el, binding) {
    el.addEventListener('click', () => {
      if (!el.disabled) {
        el.disabled = true

        setTimeout(() => {
            el.disabled = false

        }, binding.value || 2000)

      }

    })

  }

});