`ele-pro-table`如何实现非默认全选的多选回显？

`element-pro-table`是Element Plus库中的表格组件，它提供了丰富的功能，包括多选。若要在非默认状态下实现全选的多选回显，通常需要结合数据管理、状态跟踪以及API交互来完成。以下是一个简单的步骤描述：

1. **初始化数据状态**：首先，在表格的数据源上设置一个标志字段，如`selected`或`checked`，用于标记行是否被选择。默认情况下，所有行的这个字段应为`false`。

data() {
  return {
    selectedItems: [], // 存储已选择的项，初始为空数组
    tableData: [
      { id: 1, checked: false },
      { id: 2, checked: false },
      // ...
    ],
  };
},

2. **添加事件监听**：当用户点击选择按钮或者通过API接口改变数据时，更新`selectedItems`的状态，并同步到表格组件。

methods: {
  handleSelectionChange(rows) {
    this.selectedItems = rows.map(row => row.id); // 只保存id，实际操作可能需要处理整个对象
    // 更新表格的显示状态
    this.$set(this.tableData, 'checked', rows.map(row => row.checked));
  }
}

3. **表头复选框处理**：在表格头部，可以添加一个复选框，其勾选状态绑定到全局的`selectedItems`。当复选框变化时，遍历所有行并同步它们的`checked`属性。

4. **接口回显**：如果从后端获取数据时，包含`checked`属性，那么可以直接赋值给每个行的`checked`属性，实现回显。

5. **防止全选反向**：为了防止误触发全选，你可以在`handleSelectionChange`方法里增加一个判断，只有当用户手动操作时才允许全选或全取消。

6.