微信小程序之分页加载

微信小程序之分页加载

上拉加载

/** 页面的初始数据*/
data: {
    /*分页中显示数据集合*/
    list: [],
    /* 当前页 */
    pageNo: 1,
    /* 每页显示商品数 */
    pageSize: 10,
    /*是否最后一页*/
    alreadyToEnd: false
  },

/*获取数据方法*/
getList:function(){
	if (res.data.list.length != 0) {
	    this.setData({
	      list: this.data.list.concat(res.data.list),
	    });
	    if (res.data.hasNextPage) {
	    
	    } else {
	      this.data.alreadyToEnd = true;
	    }
	}
}

 /**页面上拉触底事件的处理函数*/
  onReachBottom: function() {
    if (this.data.alreadyToEnd) {
      return;
    }
    this.data.pageNo++;
    this.getLIst();
  }

下拉刷新

/**下拉不刷新*/
onPullDownRefresh: function() {
       wx.stopPullDownRefresh();
},
 /**下拉刷新*/
       onPullDownRefresh: function() {
       this.data.pageNo = 1;
       this.data.list = null; /*当前页的数据清空*/
       this.getList();
 },