Uniapp基础实战分类目录刷新WordPressrestapi实例（三）

1 onLoad () {
2 this.classifywp();//获取分类
3 this.getnewsList();//下拉刷新
4 },

1 methods: {
2 // 分类目录接口
3 classifywp(){
4 uni.request({
5 url: ‘https://www.frbkw.com/wp-json/wp/v2/categories‘,
6 success: res => {
7 this.wpclassify=res.data;
8 },
9 });
10 },
11 }

1 return {
2 wpclassify:‘‘,
3 ids:[0,1],
4 };

1
2 <scroll-view scroll-x class="bg-white nav text-center">
3
4 <view class="cu-item" :class="index==TabCur?‘text-green cur‘:‘‘" v-for="(item,index) in ids" :key="index" @tap="tabSelect" :data-id="index" >
5 {请删除我{wpclassify[ids[index]].name}}
6 view>
7 scroll-view>

1 <view v-show="TabCur==0">我是第一个分类><view>
2 <view v-show="TabCur==1">我是第二个分类><view>

1 onPullDownRefresh () {
2 //下拉刷新的时候请求一次数据
3 this.getnewsList();
4 },

1 {
2 "path": "pages/kaifa/kaifa",
3 "style": {
4 "navigationBarTitleText": "移动端框架",
5 "backgroundColor": "#FFFFFF",
6 "enablePullDownRefresh": true //我是开启下拉刷新
7 }
8 },

1 //接口下拉刷新
2 getnewsList: function() {//第一次回去数据
3 // 判断分类刷新
4 if (this.TabCur==0) {
5 page = 1;
6 uni.showNavigationBarLoading();
7 uni.request({
8 url: ‘https://www.frbkw.com/wp-json/wp/v2/posts?categories=5&page=1‘,
9 success: res => {
10 page++;//得到数据之后page+1
11 this.wpmui = res.data;
12 uni.hideNavigationBarLoading();
13 uni.stopPullDownRefresh();//得到数据后停止下拉刷新
14 }
15 });
16 } else if (this.TabCur==1) {
17 page = 1;
18 uni.showNavigationBarLoading();
19 uni.request({
20 url: ‘https://www.frbkw.com/wp-json/wp/v2/posts?categories=92&page=1‘,
21 success: res => {
22 page++;//得到数据之后page+1
23 this.wpuniapp = res.data;
24 uni.hideNavigationBarLoading();
25 uni.stopPullDownRefresh();//得到数据后停止下拉刷新
26 }
27 });
28 }
29 },