el-table滚动加载、懒加载（自定义指令）

我们在实际工作中会遇到这样的问题：

应客户要求，某一个列表不允许分页。但是不分页的话，如果遇到大量的数据加载，不但后端响应速度变慢，前端的渲染效率也会降低，页面出现明显的卡顿。

那如何解决这个问题呢 

 我们可以用模拟分页，当滚动条滚动到底部时再次加载剩余的部分数据，触底加载，直到加载完成。

先看一个线上的演示示例：

https://code.juejin.cn/pen/7273420104565456953

开发思想参考：

https://blog.csdn.net/weixin_43340372/article/details/132601018?spm=1001.2014.3001.5501

代码