Vue自定义指令在ElementUI的组件使用disabled失效

<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)
    }
  })