elementui表格滚动到底部时自动加载下一页

问题描述

表格初始化显示第一页10条数据，下拉到底部时需加载下一页数据。

一开始想的是用elementui的无限滚动来实现，后面发现无限滚动的v-infinite-scroll需要加到滚动的元素上，即需要加到表格的每一行上，不能加到整个表格上，所以放弃。

解决方法

使用el-table-infinite-scroll组件可以很好地解决这个问题。

组件地址：https://yujinpan.github.io/el-table-infinite-scroll/

*安装组件时注意区分vue版本：

代码

安装后在组件中引入

添加到表格上

*注意：一定要设置表格高度

下拉加载方法

先将页码加1，向接口传参，请求下一页数据，然后将下一页数据与初始化数据合并，得到一个新的数组，这个数组包含第一页与下一页的数据。