微信小程序下拉加载更多数据(1)

为了方便 我使用的方式是云开发方式存数据 原理都是一样的

微信小程序下拉加载更多数据(1)
我随便找了点数据 导入到集合中

微信小程序下拉加载更多数据(1)
创建一个demo 准备先再js里面获取数据微信小程序下拉加载更多数据(1)]
data 里面 设置三个属性,pagesize 就是每次获取多少个数据
page 就是第几页 data_list[] 待会儿把获取的数据存进来

下面准备获取数据

主要关键就是skip 和limit的配合使用 可以去官网更详细了解
然后页面加载完成执行 this,getlist()
微信小程序下拉加载更多数据(1)
再下拉钩子里面 执行this.getList 前让页码 +1 this.data.page++
微信小程序下拉加载更多数据(1)
最后循环数组 实现下拉加载更多数据 (挺简单的哈)
微信小程序下拉加载更多数据(1)

微信小程序下拉加载更多数据(1)