vxe-table 虚拟滚动超大数据表格 刷新数据时 滚动到第一行第一列

vxe-table 是Vue Element UI库中的一个强大组件，它支持虚拟滚动技术，用于处理大量数据表格的性能优化。当数据量非常大时，通过只渲染可视区域的数据，可以显著减少内存占用和提高页面加载速度。

当需要刷新数据并保持用户当前滚动位置时，你可以按照以下步骤操作：

1. **获取当前滚动位置**：首先，在数据更新之前，你需要记住上一次滚动的位置，这通常是在`beforeUpdate`生命周期钩子里完成，例如：

data() {
  return {
    scrollPosition: {x: 0, y: 0}, // 初始化滚动位置
    // ...
  }
},
methods: {
  beforeUpdate() {
    this.scrollPosition = this.$refs.yourTableRef.$el.scrollTop; // 获取滚动条位置
  },
  // 数据刷新方法
  refreshData() {
    // 更新数据...
    this.$nextTick(() => {
      // ...
      // 数据刷新后，设置滚动回原位
      this.$refs.yourTableRef.$el.scrollTop = this.scrollPosition.y;
    });
  },
}

2. **刷新数据**：当你调用`refreshData`方法时，先保存当前滚动位置，然后刷新数据，最后再将滚动条设置回原来的位置。

3. **引用vxe-table元素**：确保你在`beforeUpdate`方法中使用的是正确的table元素ref，如`<vxe-table ref="yourTableRef"></vxe-table>`。

请注意，以上示例假设`yourTableRef`是你vxe-table的ref名，实际使用时需要替换为你的真实名称。