vxe-table 更新多行数据怎么办
时间: 2023-10-14 16:27:50 浏览: 130
vxe-table vue表格解决方案 v2.11.0.zip
如果你想要更新 vxe-table 中的多行数据,可以使用 vxe-table 的 `setTableData` 方法,该方法可以接收一个数组作为参数,数组中的每个元素都代表一行数据。你可以遍历你想要更新的行数据,然后使用 `setTableData` 方法更新整个表格的数据。以下是一个示例代码:
```javascript
// 假设你已经获取了需要更新的行数据,保存在 updatedRows 数组中
for (let i = 0; i < updatedRows.length; i++) {
const rowIndex = tableData.findIndex(item => item.id === updatedRows[i].id);
if (rowIndex !== -1) {
// 更新表格数据
tableData.splice(rowIndex, 1, updatedRows[i]);
}
}
// 重新设置表格数据
this.$refs.table.setTableData(tableData);
```
其中,`tableData` 是原始的表格数据,`updatedRows` 是需要更新的行数据。在上述代码中,我们遍历 `updatedRows` 数组,找到需要更新的行数据在 `tableData` 中的索引,然后使用 `splice` 方法替换掉原来的行数据。最后,使用 `setTableData` 方法重新设置表格数据即可。
阅读全文