vue 防止多次点击重复提交v-preventReClick

最新推荐文章于 2024-04-18 10:33:01 发布

星星chok

最新推荐文章于 2024-04-18 10:33:01 发布

阅读量301

点赞数

文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/qq_38985444/article/details/125486916

版权


## main.js
//防止多次点击，重复提交
Vue.directive("preventReClick", {
  inserted(el, binding) {
    el.addEventListener("click", () => {
      if (!el.disabled) {
        el.disabled = true
        console.log(binding.value)
        setTimeout(() => {
          el.disabled = false
        }, binding.value || 150000)
      }
    })
  }
})

## 使用
	 <a-button
       key="submit"
        type="primary"
        @click="submit()"
        v-preventReClick>
     	 提交
      </a-button>