下拉刷新与上拉加载
请求到列表数据后,需要实现往下滚动加载更多数据,下拉到顶部后需要实现刷新页面
2018-06-13侠课岛 初级拔高
前端/移动端/小程序前端开发实战-流夏旅行网 45 0 6676
请求到列表数据后,需要实现往下滚动加载更多数据,下拉到顶部后需要实现刷新页面
2018-06-13侠课岛 初级拔高
前端/移动端/小程序前端开发实战-流夏旅行网 45 0 6676
下拉刷新和上拉加载
需求
请求到列表数据后,需要实现往下滚动加载更多数据,下拉到顶部后需要实现刷新页面
思路实现
上拉加载
首页显示后,需要变量标识当前页=1
上拉触底的时候,页数+1,然后传入页数请求下一页数据,请求完成需要更新当前页标识
请求到数据后,与已有数据合并,然后渲染显示
如果是最后一页可以给出提示
下拉刷新
页面配置开启:enablePullDownRefresh:true
下拉触顶后,当前页标识为第一页,然后请求第一页的数据,释放下拉的时候需要wx.stopPullDownRefresh();
数据请求成功,赋值数据
核心知识
onReachBottom() 页面上拉触底事件的处理函数
onPullDownRefresh() 监听用户下拉动作,需要在页面配置中开启enablePullDownRefresh:true,释放下拉的时候,需要执行wx.stopPullDownRefresh();否则不会加载三点不会消失
恭喜!签到成功,获得+2积分