微信小程序下拉分页 z-paging下拉刷新、上拉加载

原创

已于 2024-07-16 13:29:44 修改 · 5.4k 阅读

收录于

当前文章被以下社区和专栏收录：

于 2023-02-20 17:15:12 首次发布

z-paging是一个高性能、全平台兼容的组件，支持下拉刷新和上拉加载功能，同时适配虚拟列表和nvue、vue3环境。使用简单，只需按照步骤导入并配置即可。提供选项式和组合式API写法，通过v-model绑定数据，@query事件处理分页请求，无需手动刷新列表，调用reload()方法即可更新数据。

【z-paging下拉刷新、上拉加载】高性能，全平台兼容。支持虚拟列表，支持nvue、vue3 - DCloud 插件市场

z-paging，使用非常简单，按部就班就行了

1，首先将其导入自己的小程序项目中

导入后的效果

2，具体如何使用：https://z-paging.zxlee.cn

选项式api写法(vue2/vue3)

<template>
    <z-paging ref="paging" v-model="dataList" @query="queryList">
		<!-- z-paging默认铺满全屏，此时页面所有view都应放在z-paging标签内，否则会被盖住 -->
		<!-- 需要固定在页面顶部的view请通过slot="top"插入，包括自定义的导航栏 -->
        <view clas

标签