vue3参考:点击这里跳转
1、新建 preventReClick.js
import Vue from 'vue'
// 防止重复提交指令
const preventReClick = Vue.directive('preventReClick', {
inserted (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 './assets/js/preventReClick'
3、按钮上添加 v-prevent-re-click
<el-button size="small" type="primary" @click="submit" v-prevent-re-click>确 定</el-button>