微信小程式——下拉重新整理(分頁)
阿新 • • 發佈:2018-11-09
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檔案中編輯好樣式: 然後在該判斷的地方做好判斷就會出來效果了。