<el-button v-testDirective type="primary" :disabled="false">提交</el-button>
el.disabled 能获取到值,而如果对其重新赋值,样式却不会生效。
可以采用同样是操作DOM的两种方式
el.classList.add('is-disabled') // 添加disabled
el.classList.remove('is-disabled') // 移除disabled
或者
el.setAttribute('disabled', 'disabled')
el.setAttribute('disabled', '')
全局自定义指令-禁止频繁提交
el.addEventListener("click", () => {
if (!el.disabled) {
el.classList.add('is-disabled')
setTimeout(() => {
el.classList.remove('is-disabled')
},3000)
}
})