el-table 表格复选框选中回显

`el-table` 是 Element UI 提供的一个用于展示表格的组件，它提供了丰富的功能，包括列宽调整、分页、排序、搜索以及数据回显等。关于复选框选中回显的问题，通常是在表格中添加了 `selection` 属性，用来管理选中的行，并希望用户操作（如点击选中/取消选中）后，状态能够保存并在页面刷新或重新加载数据后依然保持原选状态。

具体实现步骤如下：

1. 在 `el-table` 的配置中启用选择模式：

<el-table :data="tableData" :selection="selectedRows">
   ...
</el-table>

这里，`:selection="selectedRows"` 是绑定一个数组，存储选中的行数据。

2. 设置 `row-key`，确保每个数据项都有唯一的标识，以便在数据发生变化时可以正确地更新选中状态：

<el-table :data="tableData" :selection="selectedRows" :row-key="rowKey">
   ...
</el-table>

3. 保存选中状态到数据源或Vuex、localStorage等持久化存储：

// 在获取数据或刷新页面之前，检查并设置选中行
loadData() {
  this.selectedRows = localStorage.getItem('selectedRows') || [];
  // 加载数据
}

// 在数据改变后，保存选中行到持久化存储
handleSelectChange(rows) {
  localStorage.setItem('selectedRows', rows.map(row => row.id)); // 假设id作为唯一的标识
}

4. 针对表格的数据回显，确保在数据加载时将之前保存的选中状态还原到对应的行。

这样，当你再次打开页面时，只要数据结构不变，用户之前的选中状态就会被正确地复现。