elementui表格多选全选保留

Element UI 表格中的多选功能通常通过 `element-table` 的 `select-on-check-all` 属性实现。当设置 `true` 时，表格会支持全局多选，即单击“全选”复选框可以一次性选择所有行，再次点击则取消选择。如果你想在切换多选状态时保存当前的选择状态，可以在数据操作前记录下当前的选中项，然后在恢复视图时遍历数据并设置相应的 `selected` 属性。

例如：

// 假设这是原始的数据
const selectedItems = []; // 存储已选择项目的数组

// 当用户切换全选状态时
tableRef.on('selection-change', (newSelection) => {
  selectedItems = newSelection.map(item => item.id); // 更新已选项目列表
  localStorage.setItem('selectedItems', JSON.stringify(selectedItems)); // 保存到本地存储
});

// 恢复视图时
const storedItems = JSON.parse(localStorage.getItem('selectedItems')); // 从本地获取已选项目
if (storedItems) {
  data.forEach(item => {
    if (storedItems.includes(item.id)) {
      item.selected = true; // 设置对应项为选中
    }
  });
}