【Uniapp-Vue3】z-paging插件组件实现触底和下拉加载数据

一、下载z-paing插件

注意下载下载量最多的这个

进入Hbuilder以后点击"确定"

插件的官方文档地址:

https://z-paging.zxlee.cn

二、z-paging插件的使用

在文档中向下滑动,会有使用方法。

使用z-paging标签将所有的内容包起来

配置标签中的属性

在script标签中进行配置:

  1. 声明paging

  2. 在queryList函数中调用获取数据函数,并传入两个参数

  3. 在获取数据函数中限制获取数据的范围

  4. 使用paging去接受获取的 数据

  5. try catch去处理数据获取错误

当我们的数据列表中添加了新的数据的时候,刷新方式也会改变,要使用reload方法进行刷新

相关推荐
yuki_uix5 小时前
跨域与安全:CORS、HTTPS 与浏览器安全机制
前端·面试
用户3153247795455 小时前
React19项目中 FormEdit / FormEditModal 组件封装设计说明
前端·react.js
陆枫Larry6 小时前
Git 合并冲突实战:`git pull` 失败与 `pull.ff=only` 的那些事
前端
江南月6 小时前
让智能体边想边做:从 0 理解 ReActAgent 的工作方式
前端·人工智能
YiuChauvin6 小时前
vue2中使用 AntV G6
javascript·vue.js
袋鱼不重6 小时前
Hermes Agent 安装与实战:从安装到与 OpenClaw 全方位对比
前端·后端·ai编程
汉秋6 小时前
iOS 自定义 UICollectionView 拼图布局 + 布局切换动画实践
前端
江南月6 小时前
让智能体学会自我改进:从 0 理解 ReflectionAgent 的迭代优化
前端·人工智能
尽欢i6 小时前
前端响应式布局新宠:vw 和 clamp (),你了解吗?
前端·css
沸点小助手6 小时前
「 AI 整活大赛,正式开擂 & 最近一次面试被问麻了吗」沸点获奖名单公示|本周互动话题上新🎊
前端·人工智能·后端