小程序上拉分页加载更多数据功能_小程序上拉加载下一页

作者：我家小花儿 | 2024-02-16 21:37:29

踩

小程序上拉加载下一页

在开发过程序中，触底加载更多时，为了防止一直触底加载，这时我们应该加一个开关来控制。

在data中加一个属性isLoading = false

然后在接口发出请求后将开关打开：

this.isLoading = true

然后请求完毕之后再将开关关闭：

this.isLoading = fals

最重要的一步是在onRechbottom生命周期中要先做判断：

onRechbottom（）{

//如果开关是开启的，就证明正在加载数据，这时不应该再发起下一页请求。

if(this.isLoading)return

}

在实际开发中，当我们加载完最后一页时，这时就不应该还能触底发出请求：

这时我们可以这么做：

onRechBottom（）{
if(this.page * this.pageSize >= this.total) {
//这时表示没有数据了，不应该再能发起请求

return

}

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/96901

小程序上拉分页加载更多数据功能_小程序 上拉加载下一页