微信小程序下拉刷新/上拉加载更多

下拉刷新

1. 下拉刷新并不是默认开启的需要在json文件中加"enablePullDownRefresh": true来开启下拉刷新。
2. 在js文件中添加监听下拉函数onPullDownRefresh: function () {}
3. 在函数中添加要执行的动作，上代码

// 页面相关事件处理函数–监听用户下拉动作
onPullDownRefresh: function () {
//显示顶部刷新图标
wx.showNavigationBarLoading();
//要刷新请求服务器的方法
***********************************
//隐藏导航栏加载框
wx.hideNavigationBarLoading();
//停止下拉事件
wx.stopPullDownRefresh();
},

上拉加载更多

1. 上拉加载更多是默认开启，只需在js文件中添加上拉触底事件的处理函数即可onReachBottom: function () {}
2. 每个项目的操作不同，大概思路如下
   先获取当前的页面，并对当前页面进行累加，根据当前页面计算出偏移量，后而计算出总页数，进行判断总页数是否大于累加后页码，如大于则异步请求数据，并将数据拼接到原来数据实现加载更多，代码如下

onReachBottom: function () {
let that = this
//获取当前页码
let page = that.data.pageIndex;
//页码累加
page++;
// //根据当前页码计算偏移值
// let start=(page-1) * that.data.pageSize;
//计算出总页数
let pagecount = Math.ceil(that.data.total / that.data.pageSize);
if (page <= pagecount) {
进行异步请求，对数据进行拼接
} else {
没有更多数据
}
},