手动调试被禁用的el-options属性
当看到这个结构时:
<li class="el-select-dropdown__item is-disabled">Option</li>
如果只是把is-disabled删除,只是不再置灰,仍旧无法选中。
实际上发生了三层控制:
视觉层:is-disabled 类控制样式(灰色显示)
事件层:组件在点击时会检查数据状态
数据层::disabled="true" 是实际控制源
正确的做法:选到该元素后,定到__vue__,再定到具体的option即可。
示例代码
document.getElementsByClassName('node-select-list')[0].__vue__.options[0].disabled = false