原来来自：https://www.frbkw.com/1972/
wordpress接口：https://www.frbkw.com/wp-json/wp/v2/posts
1.建立项目首先我们建立一个新的项目
2.发送请求页面首次打开后发送一次请求，写在onLoad中[Asm] 纯文本查看 复制代码 onLoad() {
uni.request({
url:'https://www.frbkw.com/wp-json/wp/v2/posts',
success: (res) => {
this.abc = res.data;
}
})
},[Asm] 纯文本查看 复制代码 data() {
return {
abc:[],
loadingText:'加载中...'
}
},
3.监听底部
[Asm] 纯文本查看 复制代码 // 监听触底
onReachBottom() {
this.getnewsList();
},
下拉触发函数：data：{page：page} 中的page自增循环，循环后data:{page:值}他的值自动更变，所以就形成了上拉加载
[Asm] 纯文本查看 复制代码 methods: {
//屏幕到底部时候发起请求 下一页
getnewsList() {
uni.request({
url:'https://www.frbkw.com/wp-json/wp/v2/posts',
data:{page:page},
success:(res) => {
console.log(res);
if (res.statusCode == 400) { //没有数据
this.loadingText="没有数据了！";
return;
}
page++; //每触底一次 page +1
console.log(page);
this.abc = this.abc.concat(res.data); //将数据拼接在一起
}
});
}
},
相关源码下载地址：源码由 “东泰” 友情提供链接: https://pan.baidu.com/s/1MrC02cSxKr2VJ9cSGlmWLg 提取码: t369 | 
发表于 2019-10-8 08:43
|
发表于 2019-10-8 22:50
