Pinia 通过缓存行唯一标识（如 id）而非 DOM 状态实现表格多选跨页/刷新保留；需配合 el-table 的 row-key、reserve-selection 及 selection-change 同步，按业务拆分 store 隔离状态。
Pinia 本身不直接处理表格多选框的勾选状态，但它能帮你把“哪些行被选中”这个信息可靠地存下来、跨页复用、甚至跨刷新保留——关键在于你把什么存、怎么存、什么时候存。
明确缓存目标：不是存 DOM 状态，而是存业务标识
Element Plus 的 el-table 默认靠对象引用匹配选中行，翻页后原对象不在当前数据里，勾选就丢了。Pinia 要缓存的不是“第几行被勾了”，而是“id=1001、id=2005 这些具体记录被用户选中了”。只要每行有唯一且稳定的字段（比如 id 或 guid），就可以把它作为选中状态的键。
- 在 Pinia store 中定义一个数组，比如
selectedIds: string[] = [] - 监听表格的
@selection-change事件，把每次选中行的id提取出来，同步更新到 store - 翻页加载新数据时，不需要手动恢复勾选——
el-table配合:row-key="row => row.id"和reserve-selection，会自动根据 store 里的selectedIds去新数据里找匹配的行并勾上
配合 el-table 实现自动恢复
光靠 Pinia 存数据还不够，得让表格组件知道怎么用这些数据。必须同时满足三个条件：
- 给表格设置
:row-key="(row) => row.id"，提供稳定身份标识 - 启用
reserve-selection属性，告诉表格“别只认当前这页的数据，要按 row-key 去全局匹配” - 在
@selection-change回调里，把当前选中行的id同步写入 Pinia store；在页面初始化或翻页后，确保表格的:data更新触发了内部比对逻辑
支持刷新后继续选中（可选持久化）
如果希望浏览器刷新后仍保留上次选中的行，可以在 Pinia store 中开启持久化插件（如 pinia-plugin-persistedstate），或者手动把 selectedIds 存到 localStorage。
- store 的
state初始化时，尝试从localStorage读取已保存的selectedIds - 每次
selectedIds变化，立刻localStorage.setItem('table-selected-ids', JSON.stringify(ids)) - 注意清理时机：比如用户执行“全部取消”操作，或进入新业务模块时主动清空，避免残留脏数据
多表格共用一套选中状态？小心隔离
一个后台常有多个表格（订单列表、商品列表、用户列表），它们的选中状态不能混在一起。建议按业务维度拆分 store 模块：
-
useOrderTableStore()管理订单表格的selectedIds -
useProductTableStore()管理商品表格的selectedIds - 避免用一个通用 store 存所有表格的 id，否则容易互相覆盖或判断混乱
