小程序的兩種分頁做法（后端返回分頁及總頁數字段與否）

1.帶分頁

 onReachBottom:function () {
         // 如果還未到最后一頁，繼續加載
        if(this.data.page < this.data.last_page){
            this.setData({
                page:this.data.page+1
            })
            this.getProductList(false)
        }
    },

last_page接口獲取；

2.不帶分頁

onReachBottom: function () {
        // 如果還未到最后一頁，繼續加載
        if (this.data.loadMore) {
            this.setData({
                page: this.data.page + 1
            })
            this.getProductList(false)
        }
    },

loadMore需做的處理：

 if (res.data.data.length === 0 && _this.data.page !== 1) {
                        _this.setData({
                            loadMore: false
                        })
                        wx.showToast({
                            title: '沒有更多內容啦！',
                            icon: 'none'
                        });
                    }

 

兩者需要做統一處理的地方：

this.getProductList(false)  --分頁請求

this.getProductList()  --非分頁請求

 if (isReset) {
                        _this.setData({
                            productList: res.data.data,
                            // last_page:res.data.pagination.last_page,
                        })
                    } else {
                        _this.setData({
                            productList: _this.data.productList.concat(res.data.data),
                            // last_page:res.data.pagination.last_page,
                        })
                    }