<el-table
border
ref="tableRef"
class="zq-table-theme-info"
style="width: 100%"
:data="tableObj.tableData"
v-loading="tableObj.isLoading"
@select="handleSelectionChange"
>
<el-table-column
type="selection"
width="55"
:selectable="selectable"
/>
<el-table/>
最多可选性可自配
/** 控制表格只能选择6条数据 */
const selectable = (row) => {
if (multipleSelection.value.includes(row)) {
// 已选择的行,可取消选择
return true;
} else if (multipleSelection.value.length >= 6 && !row.selected) {
// 超过最大选择条数,且当前行未被选中时,禁用
return false;
} else {
// 其他情况下可选
return true;
}
};