问题描述:el-table在多选模式下,使用分页功能时,回显选中状态时,每次点击分页会默认选中最后一条数据,或者回显混乱。
这个问题可以通过设置el-table的row-key属性来解决。你可以将getRowKeys方法设置为row-key属性的值,然后在该方法中返回每条数据的唯一标识符。这样每次分页时,el-table就会根据唯一标识符来判断哪些数据被选中了同时,你还需要在handleSelectionChange方法中处理选中状态的变化,以确保分页时选中状态的正确性。
<el-table
ref="multipleTable"
:data="tableData"
:row-key="getRowKeys"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="69" :reserve-selection="true">
</el-table-column>
</el-table>
methods: {
getRowKeys(row) {
return row.id; // 这里的id应该是每条数据的唯一标识符
},
handleSelectionChange(selection) {
// 处理选中状态变化的逻辑
}
}