@prettyy/ui/components/lib/directive/modules/throttle.js

vue2 UI

const throttle = {
  bind(el, binding) {
    if (typeof binding.value !== 'function') {
      throw new Error('callback must be a function')
    }

    let timer = null
    el.__handleClick__ = function () {
      if (timer) {
        clearTimeout(timer)
      }

      if (!el.disabled) {
        el.disabled = true
        binding.value()
        timer = setTimeout(() => {
          el.disabled = false
        }, 2000)
      }
    }

    el.addEventListener('click', el.__handleClick__)
  },
  unbind(el) {
    el.removeEventListener('click', el.__handleClick__)
  },
}

export default throttle