vxe-table 虚拟滚动列表插入数据 遍历加载慢

VxeTable是一个Vue.js的数据表格组件库，它支持虚拟滚动功能，这意味着它不会一次性加载所有行，而是仅渲染当前可见区域的数据，提高了大表格性能，特别是在数据量庞大的情况下。

当需要插入大量数据到vxe-table的虚拟滚动列表中时，遍历操作可能会因为一次性处理过多数据而变得较慢。正确的做法应该是分批插入数据，例如：

1. **批量插入**：而不是一次性添加所有新行，你可以按一定大小（如每页大小）划分数据块，并逐个调用`insertRow`方法插入。

let startIndex = 0;
let endIndex = Math.min(startIndex + pageSize, totalDataLength);
for (let i = startIndex; i < endIndex; i++) {
  table.insertRow({
    index: i,
    // 插入的数据对象
    data: newData[i]
  });
  startIndex += pageSize;
}

2. **异步加载**：如果数据是从服务器获取的，可以采用懒加载策略，只在用户滚动到某一部分时才发起请求加载那部分的数据。

3. **优化更新**：如果插入的是已有数据的一部分，检查是否可以利用已有的DOM元素进行复用，避免创建新的行元素。

4. **使用`load`事件**：vxe-table提供`load`事件，可以在这个事件触发时加载更多数据，确保插入过程是平滑且高效的。