本帖最后由 fengrui99 于 2020-6-30 13:42 编辑
很久没有写Uni的教程啦!这文章同样还是针对新手入门的一篇文章,采用最基础的思路和写法。希望能文章能给新手带来思路。
思路说明:通过接口返回的数据lenhgt是否为0来来判断v-if的显示,我们使用page参数为例子,枫瑞博客 分页只有15页上下左右,
所以当我们修改page参数为19的时候他就没有内容,我们旧的给他显示一个缺省图,为了偷懒直接用文字了
渲染数据
1.首先我使用wodpress博客的api接口发起一个文章列表请求
[Asm] 纯文本查看 复制代码onLoad() {
uni.request({
url: 'https://www.frbkw.com/wp-json/wp/v2/posts?page=1',
success: (res) => {
this.posList = res.data;
}
});
},
2.return中添加posList数组
[Asm] 纯文本查看 复制代码data() {
return {
posList: []
}
},
3.渲染文章列表
[Asm] 纯文本查看 复制代码
{ { pos.title.rendered }}
{ { pos.excerpt.rendered }}
1593410337-c