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

【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.kler.cn/a/535752.html

相关文章:

  • 【苍穹外卖 Day1】前后端搭建 Swagger导入接口文档
  • 个人笔记---关于详解threadlocal 上下文环境存储的最佳数据类型
  • 告别手动操作!用Ansible user模块高效管理 Linux账户
  • Linux——基础命令1
  • 9.建造者模式 (Builder Pattern)
  • dl学习笔记(8):fashion-mnist
  • 【Elasticsearch】random_sampler聚合
  • Leecode刷题C语言之全排列②
  • Spring Boot + Spring AI快速体验
  • Polardb三节点集群部署安装--附虚拟机
  • Linux 设备驱动分类(快速理解驱动架构)
  • 《大模型面试宝典》(2025版) 发布了
  • 国自然地区基金|基于深度学习多模态影像组学智能诊断非酒精性脂肪肝病的研究|基金申请·25-02-06
  • C#项目引用VB.NET 类库项目,生成一个EXE,这是什么原理
  • 【前端】【面试】【复习详解】【react】react生命周期--函数式全解
  • 深度剖析FFmpeg视频解码后的帧处理到Qt显示 从AVFrame到QImage的转换(一)
  • “卫星-无人机-地面”遥感数据快速使用及地物含量计算的实现方法
  • 【正点原子K210连载】第六十七章 音频FFT实验 摘自【正点原子】DNK210使用指南-CanMV版指南
  • Django settings详解
  • 在C#中,Array,List,ArrayList,Dictionary,Hashtable,SortList,Stack的区别
  • 电脑可以自己换显卡吗?怎么操作
  • 洛谷题目: P8774 [蓝桥杯 2022 省 A] 爬树的甲壳虫 题解 (本题较简)
  • openGauss 3.0 数据库在线实训课程2:学习客户端工具gsql的使用
  • 全排列问题(LeetCode 46 47)
  • 【分布式架构理论3】分布式调用(1):负载均衡
  • pushgateway指标聚合问题