1.定义到main.js 中
Vue.directive('preventReClick', { // v-prevent-re-click
inserted: function (el, binding) {
el.addEventListener('click', () => {
if (!el.disabled) {
el.disabled = true
setTimeout(() => {
el.disabled = false
}, binding.value || 3000)
}
})
}
});
2.在按钮上添加指令
<el-button v-prevent-re-click>保 存</el-button>