微信小程序上拉加载下拉刷新整体业务逻辑

在这里我们得用微信的两个方法(onReachBottom — onPullDownRefresh)

	 /**
	   * 页面上拉触底事件的处理函数
	   */
	  onReachBottom: function () {}
	   /**
	   * 页面相关事件处理函数--监听用户下拉动作
	   */
	  onPullDownRefresh: function () {}

上拉触底实现方法如下

1. 在deta定义page:0 — list:[] — totalPage:0
2. 然后再页面初始化的方法内将list跟请求回来的新数组进行拼接.(concat方法),再把请求回来的totalPage跟拼接后的数组赋值回去
3. 将当前页跟总页数进行比较,如果当前页自增以后小于总页数则可以进行请求新的数据,相反就是没有更多了.

1: 
data: {
   List: [],
   page:0,
   totalPage:0,
 },
2:
getList(){  //请记得更改成自己的请求接口.
   	indexList = indexList.concat(res.data.data.data)
           let totalPage = res.data.data.totalPage;
           that.setData({
             totalPage,
             indexList,
           })
}
3:
	onReachBottom: function () {
       var that = this;
       let page = that.data.page;
       let totalPage = that.data.totalPage;
       page++;
       if(page<totalPage){
         that.setData({
           page
         })
         that.getIndexList();
       }else{
         wx.showToast({
           title: '没有更多了...',
           icon:"none"
         })
       }
 },

下拉刷新实现方法

1. 再当前需要下拉的页面的.json文件中添加**“enablePullDownRefresh”: true**
2. 清空LIST与page和totalPage.再去请求页面初始化接口.

onPullDownRefresh: function () {
   var that = this;
   that.setData({
     indexList:[],
     page:0,
     pageToal:0
   })
   that.getList();
   
 },