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

• Z时代
• 2024-01-10
• 分类：综合

除了防抖 节流外 点这里   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

以上是 vue中防止用户在短时间内频繁多次点击按钮 的全部内容， 来源链接： utcz.com/z/378663.html