操作DOM节点修改Vue element el-button的disabled属性

1. 使用el.disabled = true;或者el.setAttribute(‘disabled’, ‘’)

在自定义指令中使用后，审查元素可以看到属性确实加上了disabled，但是没有附上相应的样式，并且按钮仍可点击，即disabled并未生效。

<button type="button" class="el-button el-button--default" disabled><span>测试</span></button>

2. 使用el.classList.add(‘is-disabled’)

观察成功禁用的按钮属性如下：

<button type="button" class="el-button el-button--default is-disabled" disabled><span>测试</span></button>

实验发现只在class列表中添加is-disabled即可达到禁用效果，无需同时添加disabled属性。