Vue全局设置按钮节流

在main.js中设置, 然后在按钮上使用v-preventReClick

Vue.directive('preventReClick', {

  inserted(el, binding) {

    el.addEventListener('click', () => {

      if (!el.disabled) {

        el.disabled = true

        setTimeout(() => {

            el.disabled = false

        }, binding.value || 2000)

      }

    })

  }

});

如果v-preventReClick="1000",那么节流的时间就是1秒

猜你喜欢

转载自blog.csdn.net/weixin_50163731/article/details/121930272