首先:在app.json的 window 选项中或页面json文件里配置 enablePullDownRefresh
{
"enablePullDownRefresh": true,
}
1.data中定义
1. pageSize 每一页数据条数(这个需根据需求自定义) currentPage 第几页(一般从0开始,即第一页)
2. total_count 数据总条数(一般从后台拉取)
data: {
// 分页
pageSize: 10,
currentPage: 0,
total_count:0,
},
2.拉取数据调用接口中将data中的pageSize ,currentPage 当做字段传递给后端;并且从此接口获取到的数据要有total_count 数据总条数(分页判断用)
3.微信小程序自带函数
// 下拉刷新
onPullDownRefresh() {
var that = this;
if (that.data.currentPage === 0) { 判断是否为第一页
that.getSaleGoods() //调取页面获取数据的函数
}
wx.stopPullDownRefresh() //停止刷新
} else { //不是第一页时
that.data.currentPage = that.data.currentPage - 1;
that.getSaleGoods()
wx.stopPullDownRefresh()
}
},
// 上拉加载
onReachBottom() {
console.log(this.data.ORDER_SUM_TOTAL);
var that = this;
if (that.data.ORDER_SUM_TOTAL > 10 * (that.data.currentPage + 1)) {
// 页数+1
that.data.currentPage = that.data.currentPage + 1;
that.getSaleGoods()
} else {
wx.showToast({
title: '没有更多数据了~',
icon: 'none',
duration: 1000,
mask: true
})
}
},