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

通过vue3 + TypeScript + uniapp + uni-ui 实现下拉刷新和加载更多的功能

效果图:

核心代码:

<script lang="ts" setup>import { ref, reactive } from 'vue';import api from '@/request/api.js'import empty from '@/component/empty.vue'import { onLoad,onShow, onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'let form = ref({type:2,pageNo: 1,pageSize: 10})let listData = ref([]);let total = ref(0);let status = ref('loadmore');const requestGetListData = () => {api.getFlawOrCheckList(form.value).then(res => {console.log("requestGetCourse", res)listData.value = [...listData.value, ...res.result.records]total.value = res.result.totalif (form.value.pageNo >= total.value / form.value.pageS
http://www.lryc.cn/news/403879.html

相关文章:

  • Pointnet++改进即插即用系列:全网首发WTConv2d大接受域的小波卷积|即插即用,提升特征提取模块性能
  • 4核16G服务器支持多少人?4C16G服务器性能测评
  • 塔子哥的平均数-美团2023笔试(codefun2000)
  • 故障诊断 | 基于小波包能量谱对滚动轴承的故障诊断Matlab代码
  • E14.【C语言】练习:有关短路运算
  • python BeautifulSoup库安装与使用(anaconda、pip)
  • 基于Matlab的数据可视化
  • 深入理解Linux网络(二):UDP接收内核探究
  • linux内核中list的基本用法
  • 项目中无关痛痒的词句背后深层含义
  • DLMS协议中的高级安全(HLS)身份验证
  • 2024“钉耙编程”杭电多校1006 序列立方(思维+前缀和优化dp)
  • 钡铼分布式I/O系统边缘计算Modbus,MQTT,OPC UA耦合器BL206
  • 防火墙--双机热备
  • 机器学习 -逻辑回归的似然函数
  • go 实现websocket以及详细设计流程过程,确保通俗易懂
  • 记录工作中遇到的关于更新丢失商品超开的一个坑
  • 形状之美:WebKit中CSS形状的实现与创新
  • 项目管理进阶之RACI矩阵
  • docker: No space left on device处理与迁移目录
  • 设计模式使用场景实现示例及优缺点(结构型模式——外观模式)
  • Artix7系列FPGA实现SDI视频编解码+UDP以太网传输,基于GTP高速接口,提供工程源码和技术支持
  • 加拿大上市药品查询-加拿大药品数据库
  • qt自定义控件(QLabel)
  • 阿里云国际站:海外视频安全的DRM加密
  • 【Apache Doris】周FAQ集锦:第 15 期
  • verilog实现ram16*8 (vivado)
  • 框架使用及下载
  • 通用图形处理器设计GPGPU基础与架构(四)
  • 会Excel就会sql?