elementui中el-table支持选中跨页不取消

Element UI中的`el-table`组件默认不支持直接实现跨页数据选中状态的保留。如果需要实现这个功能，你可能需要自定义一些逻辑或者利用Table提供的API来配合Vuex或本地存储来管理选中的行。

首先，你需要在每页加载完成后，将当前页的数据和选中的行id记录下来。然后，在切换到其他页时，从存储中获取之前选中的行id，并应用到新的数据上。下面是一个简化的示例步骤：

1. 定义一个全局的状态管理变量来保存选中的行ID数组。

// 假设你在Vue实例中有一个store
const selectedRows = ref([]);

2. 在页面初始化和每页加载时更新选中状态：

onMounted(() => {
  const selectedIds = localStorage.getItem('selectedRows');
  if (selectedIds) {
    selectedRows.value = JSON.parse(selectedIds);
  }
  // 加载表格数据并处理选中事件
  loadTableData().then(data => {
    // 在这里处理表格数据，同时更新选中状态
    data.forEach(row => {
      if (selectedRows.value.includes(row.id)) {
        row.isSelected = true;
      }
    });
  });
})

async function loadTableData() {
  // ... 调用实际的API请求数据
}

3. 在用户点击行或使用其他方法改变选中状态时，更新本地存储：

function toggleRowSelection(row) {
  row.isSelected = !row.isSelected;
  selectedRows.value = selectedRows.value.filter(id => id !== row.id); // 移除已选择
  localStorage.setItem('selectedRows', JSON.stringify(selectedRows.value)); // 存储选中
}

4. 将`isSelected`属性绑定到表格的`@selection-change`事件上，以便实时同步选中状态。

需要注意的是，这只是一个基础的实现思路，具体的实现可能会因为项目需求、性能优化等因素有所不同。而且，这种解决方案并不适用于所有的分页场景，例如无限滚动加载等。如果你有更复杂的需求，可能需要借助第三方库或者编写定制的插件来解决。