当前位置: 首页 > news >正文

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

http://www.lryc.cn/news/532356.html

相关文章:

  • UE虚幻引擎No Google Play Store Key:No OBB found报错如何处理
  • OKHttp拦截器解析
  • STM32标准库移植RT-Thread nano
  • c++11总结26——std::regex
  • langchain教程-12.Agent/工具定义/Agent调用工具/Agentic RAG
  • leetcode_双指针 125.验证回文串
  • ML.NET库学习001:基于PCA的信用卡异常检查之样本处理与训练
  • 【华为OD机考】华为OD笔试真题解析(1)--AI处理器组合
  • edu小程序挖掘严重支付逻辑漏洞
  • 力扣 279. 完全平方数
  • 鸿蒙生态潮起:开发者的逐浪之旅
  • Diskgenius系统迁移之后无法使用USB启动
  • Kafka 可靠性探究—副本刨析
  • 我的博文天地测试报告
  • EtherCAT主站IGH-- 35 -- IGH之pdo_list.h/c文件解析
  • 嵌入式开发神器:Buildroot的介绍和使用方法
  • JavaScript系列(61)--边缘计算应用开发详解
  • 【LeetCode】day15 142.环形链表II
  • 代理对象与目标对象
  • 【Kubernetes Pod间通信-第3篇】Kubernetes中Pod与ClusterIP服务之间的通信
  • DNN(深度神经网络)近似 Lyapunov 函数
  • 128陷阱
  • PromptSource和LangChain哪个更好
  • 构成正方形的数量:算法深度剖析与实践
  • Redis持久化-秒杀系统设计
  • 音视频入门基础:RTP专题(8)——使用Wireshark分析RTP
  • OpenAI 实战进阶教程 - 第六节: OpenAI 与爬虫集成实现任务自动化
  • SpringUI Web高端动态交互元件库
  • 解密企业安全密码:密钥管理服务如何重塑数据保护?
  • 基于keepalived+GTID半同步主从复制的高可用MySQL集群