VUE防止多次點擊，重復(fù)請求

1.添加自定義文件 preventReClick.js

import Vue from 'vue'

const preventReClick = Vue.directive('preventReClick', {

inserted: function (el, binding) {

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

if (!el.disabled) {

el.disabled = true

setTimeout(() => {

el.disabled = false

}, binding.value || 3000)

}

})

}

});

export { preventReClick }

2.在main.js中引用

import preventReClick from './store/preventReClick' //防多次點擊，重復(fù)提交

3.實現(xiàn)方式。在按鈕上添加v-preventReClick

保 存

總結(jié)

以上是生活随笔為你收集整理的click vue 重复调用_VUE防止多次点击，重复请求的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。