在main.js方法里添加:
//防多次点击,重复提交
Vue.directive('preventReClick', {
inserted(el, binding) {
el.addEventListener('click', () => {
if (!el.disabled) {
el.disabled = true
setTimeout(() => {
el.disabled = false
}, binding.value || 3000)
}
})
}
});
然后在需要调用的地方加上v-preventReClick即可
<el-button type="primary" v-preventReClick @click="submitForm">确 定</el-button>