[TOC] > [參考](https://ext.dcloud.net.cn/plugin?id=40) ## 使用 ``` <template> <view> <view v-for="(db,i) in datalist" :key="i"> <p>{{i}}-{{db}}</p> </view> </view> </template> <script> import BetterPull from "@/js_sdk/zzk-1989-BetterPull/common/BetterPull"; export default { data() { return { myList: [], } }, onLoad() { for (var i = 0; i < 100; i++) { this.myList.push(i) } }, mixins: [ BetterPull({ getPage(page, done) { //done 函數中內置,新數據與老數據拼接 console.log(done); console.log(`獲取第${page}頁數據`); //ajax獲取數據后使用done保存當前頁面的數據 setTimeout(() => { done(this.myList); }, 1000); //模擬ajax，可以看下面的注釋 // uni.request({ // url: base + url, // method: "POST", // data:{page}, // success: res => { // var data = res.data;//獲取當前頁數組 // done(data.list)//調用done可以更新頁面，同時結束下拉刷新，上拉加載 // }, // fail: err => { // done([]);//如果沒有數據也需要調用 // } // }); }, list: "datalist", //變量名不沖突可以省略 page: "page" //變量名不沖突可以省略 }) ] } </script> ```