element-ui 中使用 table表格时根据某一行数据状态设置复选框 选择是否为禁用状态
如图中表格,状态为1时可以勾选复选框
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/cbd977b02d5a2818ad94b868e7823870.jpeg)
在el-table-column 复选框行中增加 :selectable=“selectable” 属性
<el-table-column type="selection"
:selectable="selectable" >
</el-table-column>
methods 中增加 selectable 方法 , 返回值为 boolean , 即可实现动态禁用复选框
selectable(row, index) {
if (row.status == '2') {
return false;
} else {
return true;
}
}
注意:selectable 仅对 type=selection 的列有效,类型为 Function,Function 的返回值用来决定这一行的 CheckBox 是否可以勾选