el-table实现表格滚动懒加载

要实现el-table表格的滚动懒加载，可以使用element-ui提供的load方法和懒加载插件vue-lazyload。

具体实现步骤如下：

1. 安装vue-lazyload插件：

npm install vue-lazyload --save

2. 在main.js中引入vue-lazyload插件并注册：

import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
  loading: require('图片地址'),
  error: require('图片地址')
})

3. 在el-table中使用load方法实现滚动懒加载：

<el-table
  :data="tableData"
  :load="loadTableData"
  height="500"
  style="width: 100%">
  <el-table-column
    prop="name"
    label="姓名">
  </el-table-column>
  <el-table-column
    prop="age"
    label="年龄">
  </el-table-column>
  <el-table-column
    prop="address"
    label="地址">
  </el-table-column>
</el-table>

其中，loadTableData是一个方法，用于加载数据并将数据添加到tableData中：

loadTableData (row, done) {
  // 发送懒加载请求，获取数据
  axios.get('懒加载接口地址').then(res => {
    // 将数据添加到tableData中
    this.tableData = this.tableData.concat(res.data)
    // 执行done方法，告诉el-table加载完成
    done()
  })
}

这样就可以实现el-table表格的滚动懒加载了。需要注意的是，懒加载的数据需要按照与表格列相同的顺序进行填充。