22 lines
682 B
JavaScript
22 lines
682 B
JavaScript
import Vue from 'vue'
|
|
|
|
/**
|
|
* 防止重复提交指令，需要在main.js中全局注册 Vue.directive('preventReClick', preventReClick)
|
|
* 使用默认的 3000 毫秒防重复点击时间
|
|
* 例子: <el-button v-prevent-re-click >提交</el-button>
|
|
* 自定义防重复点击时间为 5000 毫秒
|
|
* 例子: <el-button v-prevent-re-click >提交</el-button>
|
|
*/
|
|
export const preventReClick = Vue.directive('preventReClick', {
|
|
inserted(el, binding) {
|
|
el.addEventListener('click', () => {
|
|
if (!el.disabled) {
|
|
el.disabled = true
|
|
setTimeout(() => {
|
|
el.disabled = false
|
|
}, binding.value || 3000)
|
|
}
|
|
})
|
|
}
|
|
})
|