(vue)el-table-column type=“selection“表格选框怎么根据条件添加禁选 ...

(vue)el-table-column type="selection"表格选框怎么根据条件添加禁选

---

---

html

1. <el-table
2.   :data="tableData"
3.   style="width: 100%">
4.   <el-table-column
5.     type="selection"
6.     width="55"
7.     :selectable="checkSelectable">
8.   </el-table-column>
9.   <!-- 其他列 -->
10. </el-table>

复制代码

js

1. methods: {
2.     checkSelectable(row, index) {
3.       // 这里可以根据row的内容来决定是否可以选择这一行
4.       // 返回true或false
5.       // 例如，下面的代码禁止选择状态为'California'的行
6.       return row.state !== 'California';
7.     }
8.   }

复制代码

在checkSelectable方法中，你可以根据行的数据来决定该行是否可以被选中。返回true则可以选中，返回false则克制选中该行。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。