VUE防止多次點擊，重復請求

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' //防多次點擊，重復提交

3.實現方式。在按鈕上添加v-preventReClick

保 存