在使用uni.request獲取後臺資料時，我們往往碰到一個問題，列表的懶載入及資料實時更新，這裡記錄下我製作這類功能的方法。

問題描述：後臺返回資料，前端需要進行10個為一組來分頁，先顯示前10個，下拉時再顯示10個，當到底時，第一次到底顯示下無資料的提示。

解決辦法：前端製作分頁，下拉方法。

分頁方法思路：

這個方法的作用是把一維陣列分成10個一組的二維陣列，方法如下：

PaginationFun(arr){
　　let newArr = [] //首先建立一個新的空陣列。用來存放分割好的陣列
　　for (let i = 0; i < arr.length;) { //注意：這裡與for迴圈不太一樣的是，沒有i++
　　　　newArr.push(arr.slice(i, i += 10));
　　}
　　return newArr;
}

下拉方法思路：

下拉的作用是需要把分頁處理好的資料進行分段載入，還要有下面三種功能：

1，頁面跳轉回來後需要重新載入資料。

2，頁面下拉時需要進行資料拼接。

3，頁面載入第一次資料前，需要初始化下拉資料。

要實現這個功能，是需要三個全域性變數，分別為接下來的頁數，是否可以下拉，拼接後用來顯示的資料列表。

我這裡設計了一個思路圖如下：

根據這個思路，就可以寫出方法了。