【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方法进行刷新

相关推荐
IT_陈寒16 小时前
React的useEffect把我坑惨了,这些闭包陷阱真要命
前端·人工智能·后端
前端之虎陈随易17 小时前
有生之年系列,Nodejs进程管理pm2 v7.0发布
前端·typescript·npm·node.js
ayqy贾杰17 小时前
Cursor SDK发布!开发者可直接搬走其内核
前端·vue.js·面试
椰猫子17 小时前
SpringMVC(SpringMVC简介、请求与响应(请求映射路径、请求参数、日期类型参数传递、响应json数据))
java·前端·数据库
love530love17 小时前
如何在 Google Chrome 中强制开启 Gemini AI 侧边栏(完整图文教程)
前端·人工智能·chrome·windows
光影少年17 小时前
对typescript开发框架的理解?
前端·javascript·typescript
跨境数据猎手17 小时前
反向海淘代购系统:1688 / 淘宝自动代采 + API 同步(附可用源码)
前端
lUie INGA17 小时前
Go-Gin Web 框架完整教程
前端·golang·gin
a11177617 小时前
“像风之翼“无人机巡检平台仪表盘
前端·javascript·开源·html·无人机
李白的天不白17 小时前
vue 数据格式问题
前端·vue.js·windows