1. 程式人生 > >微信小程式——下拉重新整理(分頁)

微信小程式——下拉重新整理(分頁)

1、先定義兩個變數:

 

// 分頁,載入

hasMoreData:true,

globalPage:0,

 2、函式處理:

 

3、與後臺互動:

 1)、在獲取列表的方法裡面,將下面兩個引數以及其他所需引數傳給後臺。

size: 20,

page:that.data.globalPage,

2)、在請求介面成功之後,success回撥函式裡面,

判斷,當請求得到資料為空時候,將hasMoreData:置為false。並提示載入完成。

 否則,資料不為空,則將每次請求到的資料連線在一起,並將新陣列賦值給迴圈的陣列。

let newArticleList = that.data.allArticleList;

newArticleList = newArticleList.concat(data);

that.setData({

allArticleList: newArticleList,

})

 3)、判斷的整體程式碼如下:

 

 4、注意:

1、再切換頭部小分類的時候,監聽點選事件裡面應將

globalPage置0

迴圈的陣列allArticleList置空.

5、暫無資料:

在wxml和wxss檔案中編輯好樣式: 然後在該判斷的地方做好判斷就會出來效果了。