首先需要在app.json里开启
"enablePullDownRefresh": true,
然后
onPullDownRefresh 监听用户下拉刷新
wx.showNavigationBarLoading(); 显示刷新图标
wx.stopPullDownRefresh(); 停止下拉动作
这是我写的下拉刷新
onPullDownRefresh:function(){ page = 1; isclose = false; this.setData({student:[],contition:""}) var that = this; refresh(that) },
调用的函数
var page = 1; var isclose = false; function refresh(that){ if(isclose){return} wx.showLoading({ title: '加载中', }) wx.request({ url: 'xxxx', //仅为示例,并非真实的接口地址 data: { page:page, contition:that.data.contition }, header: { 'content-type': 'application/json', // 默认值 "Cookie":wx.getStorageSync('session_id'), }, success: (res) => { wx.hideLoading(); if(res.data.length>0){ var student = that.data.student; for (var i = 0; i < res.data.length;i++){ student.push(res.data[i]) } that.setData({ student: student }) page++; }else{ isclose = true; } } }) }
上拉加载
onReachBottom:function(){ var that = this; refresh(that) }