使用elementUI的表格组件时，在有多页的情况下，多选框如何跨页选择？

"```markdown 在 ElementUI 的表格组件中，如果需要在多页情况下进行跨页多选，可以通过以下步骤实现：

1. 创建一个数组用于存储已选中的数据，例如 selectedItems。

2. 监听表格组件的 selection-change 事件，在事件处理函数中将当前页选中的数据存储到 selectedItems 中。

3. 监听分页组件的 size-change 事件，在事件处理函数中重置 selectedItems 为空数组，以便在切换页码时清空已选中数据。

4. 在多选框的选中状态判断中，需要同时判断当前数据是否在 selectedItems 数组中，以实现跨页多选的效果。

下面是一个示例代码：

<template>
  <div>
    <el-table
      :data=\"tableData\"
      @selection-change=\"handleSelectionChange\"
      style=\"width: 100%\">
      <el-table-column
        type=\"selection\"
        width=\"55\">
      </el-table-column>
      <el-table-column
        prop=\"date\"
        label=\"日期\"
        width=\"180\">
      </el-table-column>
      <el-table-column
        prop=\"name\"
        label=\"姓名\"
        width=\"180\">
      </el-table-column>
    </el-table>
    <el-pagination
      @size-change=\"handleSizeChange\"
      :page-sizes=\"[10, 20, 30, 40]\"
      :page-size=\"pageSize\"
      layout=\"total, sizes, prev, pager, next, jumper\"
      :total=\"100\">
    </el-pagination>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { date: '2022-01-01', name: '张三' },
        { date: '2022-01-02', name: '李四' },
        // more data
      ],
      selectedItems: [],
      pageSize: 10
    };
  },
  methods: {
    handleSelectionChange(val) {
      this.selectedItems = val;
    },
    handleSizeChange(val) {
      this.selectedItems = [];
    }
  }
};
</script>