uniapp的下拉动态分页

<template>
    <view>
        <uni-list>
            <uni-list-item v-for="item in listUser" :key="item.userId" :title="item.nickName" :note="item.phonenumber"
                           :rightText="item.remark"
                           showArrow thumb="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"
                           thumb-size="lg" :data="item" clickable @click="onClick(item)"/>

        </uni-list>
        <uni-load-more :status="status" :load-text="loadText" @loadmore="getmoreList()"/>
    </view>

</template>
<style lang="scss">
    .slot-box {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        align-items: center;
    }

    .slot-image {
        /* #ifndef APP-NVUE */
        display: block;
        /* #endif */
        margin-right: 10px;
        width: 30px;
        height: 30px;
    }

    .slot-text {
        flex: 1;
        font-size: 14px;
        color: #4cd964;
        margin-right: 10px;
    }
</style>

<script>
    import UniLoadMore from '@/uni_modules/uni-load-more/components/uni-load-more/uni-load-more.vue';
    import {userList} from "@/api/system/user"

    export default {
        components: {
            UniLoadMore
        },
        data() {
            return {
                status: 'loadmore',
                loadText: {
                    loadmore: '轻轻上拉加载更多...',
                    loading: '努力加载中...',
                    nomore: '没有更多了'
                },
                pageNum: 1,
                pageSize: 10,
                listUser: [],
                cover: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
                avatar: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
                extraIcon: {
                    color: '#4cd964',
                    size: '22',
                    type: 'gear-filled'
                }
            };
        },
        created() {
            userList({"pageNum": this.pageNum, "pageSize": this.pageSize}).then(response => {
                this.listUser = response.rows;
                if(this.pageSize >= response.total){
                    this.status = 'nomore';
                }else{
                    this.status = 'loadmore';
                }
            });
        },
        methods: {
            getmoreList() {
                this.status = 'loading';
                setTimeout(() => {
                    this.pageSize += this.pageSize;
                    userList({"pageNum": this.pageNum, "pageSize": this.pageSize}).then(response => {
                        this.listUser = response.rows;

                        if(this.pageSize >= response.total){
                            this.status = 'nomore';
                        }else{
                            this.status = 'loadmore';
                        }
                    });

                }, 1000)
            },
            onClick(e) {
            },
            // 页面下拉时触发
            onPullDownRefresh() {
                this.getmoreList();
                uni.stopPullDownRefresh();
            },
            //页面上滑刷新
            onReachBottom(){
                this.getmoreList();
            }
        }
    };
</script>