为什么el-table树形表格在分页翻页后，展开行状态丢失

在Vue.js的Element UI库中的`el-table`组件实现树形表格时，如果遇到分页并翻页后展开行的状态丢失的问题，这通常是因为`el-table`组件并没有内置持久化展开行状态的功能，特别是当数据源（例如数组）从服务器获取并在每页加载时动态更新时。

原因主要有两个：
1. **分页处理**：`el-table-column`的默认行为是基于当前数据页面，而不是整个数据集。当你翻页时，新的数据可能会导致之前已展开的行失去其展开状态。
2. **滚动位置保存**：`el-table`本身并不自动保存滚动位置，当数据改变时，它会重置到顶部，这也可能导致展开的行被隐藏。

解决这个问题的一种常见做法是手动管理展开状态。你可以考虑在数据发生变化时（比如翻页），将展开状态存储起来，并在下次渲染时应用这些状态。此外，可以结合使用`el-row`的`render-header`特性，通过自定义列头部来维护展开按钮的状态。

// 示例代码
data() {
  return {
    treeData: [], // 假设这是你的树状数据
    expandedRows: [] // 存储展开的行ID
  }
},
methods: {
  toggleRowExpansion(row) {
    this.expandedRows.includes(row.id) ? this.expandedRows.splice(this.expandedRows.indexOf(row.id), 1) : this.expandedRows.push(row.id);
  },
  handleTableChange(page, size, sort) {
    this.treeData = ... // 更新分页后的数据
    // 翻页后恢复展开状态
    this.treeData.forEach((row, index) => {
      if (this.expandedRows.includes(row.id)) {
        row.expanded = true; // 假设每个节点有expanded属性
      }
    });
  }
}