[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> ```