uniapp 前端分頁操作

data() {
            return {
                Inv:0,
                items: ['商家邀請碼', '商家申請列表'],
                img3: 'https://wkresource.oss-cn-hangzhou.aliyuncs.com/wkfiles/wxapp/share_money.png',
                shopImg: 'https://wkresource.oss-cn-hangzhou.aliyuncs.com/wkfiles/wxapp/train_banner.png',
                storeList: [],
                page: 1,
                pageSize: 10,
                pageTotal: 0,
                loadingText: '',
                isNoMoreData: false
            }
        },

1. 核心列表函數

async getAuditStoreLists(){
                if(this.isNoMoreData) return false;
                let page = this.page;

                this.$http.post('getAuditStoreLists', {page}, {token: 'token'}).then(([error, res]) => {
                    let data = res.data.data.data

                    this.isNoMoreData = data.length == this.pageSize ? false : true;
                    this.page = data.length == this.pageSize ? ++page : page;
                    this.storeList = this.storeList.concat(data);

                    //console.log('數據源',  this.storeList)
                })
            },

2.上拉加載更多：

        //上拉加載更多
        onReachBottom() {
            this.getAuditStoreLists();
        },

3.下拉刷新

onPullDownRefresh() {
            console.log('refresh');
            this.page = 1;
            this.storeList = [];
            this.getAuditStoreLists();
            setTimeout(function () {
                uni.stopPullDownRefresh();
            }, 1000);
        },