问题:在调用接口返回数据时,table中的数据行根据后端返回的某些字段,默认勾选
解决:
elementUI 中:
toggleSelection(rows) {
if (rows) {
rows.forEach(row => {
this.$refs.multipleTable.toggleRowSelection(row);
});
} else {
this.$refs.multipleTable.clearSelection();
}
},
<el-table
ref="multipleTableClinicRoom"
:data="tableData"
stripe
border
v-loading="tableLoading"
highlight-current-row
@row-click="handleCurrentChange"
:cell-class-name="getCellIndex"
class="clinic-area-table-area tb-edit"
@selection-change="handleClinicRoomChange"
empty-text="暂无数据">
<el-table-column type="selection" width="55">
......
</el-table-column>
</el-table>
以上是表格数据的配置项,下面是实现的代码:
this.tableData.forEach((item, index) => {
if (item.selectStatus === 0) {
// 等表格数据加载完成后
this.$nextTick(() => {
// 注意:toggleRowSelection(item, true) 中 item 必须是行数据
this.$refs.multipleTableClinicRoom.toggleRowSelection(this.tableData[index], true)
})
}
})