el-table 跨页选中

二话不说，直接上代码

        <el-table
          :data="dataList.results"
          @selection-change="handleSelectionChange"
          v-loading="loading"
          :row-key="rowKeyId"
          ref="taskTableRef">
          <el-table-column type="selection" width="55" fixed :reserve-selection="true" />
        </el-table>

主要就是两点：

1、el-table标签中的row-key，给每一条数据绑定唯一值，赋值如下：

function rowKeyId(row: any) {
  return row.id
}

2、el-table-column上的reserve-selection，在reserve-selection设置为true的情况下，表格数据更新时会保留选中状态。

以上两点即可实现跨页选中。

扩展：

如果做跨页批量删除操作，在调用成功删除接口后，记得清空选中状态，清空方法如下：

taskTableRef.value.clearSelection()