【vue】实现滚动条滚动到底部时发送请求获取数据

当后端给我们一个分页获取数据的接口时，我们前端可以通过设置分页按钮来获取到所有的数据，也可以通过判断滚动条位置，当滚动条滚动到底部时就发送请求获取下一页的数据，这样我们就可以不设置分页按钮也能获取到所有的数据。

要实现这个功能最主要的就是判断滚动条的位置：

如下图所示：

clientHeight表示可视区域的高；

scrollTop表示滚动条距离可视区域顶部的距离；

scrollHeight表示滚动内容的高度；

由上图我们可以得出滚动条到达底部的条件：

scrollHeight = scrollTop + clientHeight

代码实现：

效果展示：