超简单、低耦合！仅需两步轻松完成完整分页逻辑(下拉刷新、上拉加载更多) uni-app

<template>
    <view class="content">
        <z-paging ref="paging" @query="queryList" :list.sync="dataList">
            
            <view>
                <view class="item" v-for="(item,index) in dataList">
                    <view class="item-title">{{item.title}}view>
                view>
            view>
        z-paging>
    view>
template>


    export default {
        data() {
            return {
                dataList: [],
            };
        },
        methods: {
            queryList(pageNo, pageSize) {
                //这里的pageNo和pageSize会自动计算好，直接传给服务器即可
                this.$request.queryList(pageNo, pageSize, (data) => {
                    this.$refs.paging.addData(data);
                });
            },
        },
    };


<style scoped>
    /* 注意，父元素需要固定高度，z-paging的height:100%才会生效 */
    page {
        height: 100%;
    }
    .content {
        height: 100%;
    }
style>