1.自定义指令 v-repeatClick
<el-button v-repeatClick type="primary" @click="saveExcelData">{{ 提交 }}</el-button>
局部定义:
directives: {
repeatClick: {
inserted(el, binding) {
el.addEventListener('click', () => {
if (!el.disabled) {
el.disabled = true
setTimeout(() => {
el.disabled = false
}, binding.value || 1500)
}
})
}
}
},
2.el-button 自带:loading="true"
`<el-button :loading="Saveloading" :disabled="Saveloading" type="primary" @click="saveExcelData">{{ 提交 }}</el-button>