推荐开源项目：el-table-virtual-scroll - 高效的 Vue.js 表格虚拟滚动组件

<template>
  <el-table
    :data="tableData"
    height="400"
    virtual-scroll>
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: []
    };
  },
  created() {
    this.generateData();
  },
  methods: {
    generateData() {
      const length = 100000; // 假设有10万条数据
      const tableData = [];
      for (let i = 0; i < length; i++) {
        tableData.push({
          date: '2016-05-02',
          name: '王小虎',
          address: `上海市普陀区金沙江路${i}号`
        });
      }
      this.tableData = tableData;
    }
  }
};
</script>

这个例子中，我们使用了el-table组件的virtual-scroll属性来启用虚拟滚动。tableData数组包含了10万条生成的示例数据。在实际应用中，你可以替换为你的实际数据源，并通过分页、数据加载等方式优化性能。