(vue)el-table-column type=“selection“表格选框怎么根据条件添加禁选
(vue)el-table-column type="selection"表格选框怎么根据条件添加禁选
html
<el-table
:data="tableData"
style="width: 100%">
<el-table-column
type="selection"
width="55"
:selectable="checkSelectable">
</el-table-column>
<!-- 其他列 -->
</el-table>
js
methods: {
checkSelectable(row, index) {
// 这里可以根据row的内容来决定是否可以选择这一行
// 返回true或false
// 例如，下面的代码禁止选择状态为'California'的行
return row.state !== 'California';
}
}
在checkSelectable方法中，你可以根据行的数据来决定该行是否可以被选中。返回true则可以选中，返回false则禁止选中该行。