当前位置: 首页 > 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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 宝塔Wordpress 插件 Redis object cache 导致内存很高 80%以上的原因和解决
  • 基于最新版的flutter pointycastle: ^3.9.1的AES加密
  • 一、C#概述
  • cordova使用vue进行开发
  • 题解:T480718 eating
  • 【思科】链路聚合实验配置和背景
  • 自动化产线 搭配数据采集监控平台 创新与突破
  • mysql 安装配置 next 按钮为什么置灰点击不了
  • 3D 渲染一个房屋需要多长时间?
  • chatglm2-6b-prompt尝试
  • SwiftUI 6.0(Xcode 16)新 PreviewModifier 协议让预览调试如虎添翼
  • 路网双线合并单线——ArcGIS 解决方法
  • 全国区块链职业技能大赛国赛考题区块链产品需求分析与方案设计
  • CSS 计数器:WebKit 的样式增强术
  • Java8-21新特性
  • java第三方包学习之lombok
  • java中具有继承关系的类及其对象初始化顺序
  • js学习笔记
  • php面试题 汇集2
  • Python打包系统简单入门
  • scrapy学习之路4(itemloder的使用)
  • seaborn 安装成功 + ImportError: DLL load failed: 找不到指定的模块 问题解决
  • Spring Cloud(3) - 服务治理: Spring Cloud Eureka
  • vue从创建到完整的饿了么(11)组件的使用(svg图标及watch的简单使用)
  • 如何优雅的使用vue+Dcloud(Hbuild)开发混合app
  • 想晋级高级工程师只知道表面是不够的!Git内部原理介绍
  • 以太坊客户端Geth命令参数详解
  • 在 Chrome DevTools 中调试 JavaScript 入门
  • Android开发者必备:推荐一款助力开发的开源APP
  • 如何用纯 CSS 创作一个货车 loader
  • ​LeetCode解法汇总307. 区域和检索 - 数组可修改
  • ​必胜客礼品卡回收多少钱,回收平台哪家好
  • # 安徽锐锋科技IDMS系统简介
  • # 飞书APP集成平台-数字化落地
  • #APPINVENTOR学习记录
  • #etcd#安装时出错
  • #控制台大学课堂点名问题_课堂随机点名
  • $.ajax,axios,fetch三种ajax请求的区别
  • (175)FPGA门控时钟技术
  • (6)【Python/机器学习/深度学习】Machine-Learning模型与算法应用—使用Adaboost建模及工作环境下的数据分析整理
  • (PyTorch)TCN和RNN/LSTM/GRU结合实现时间序列预测
  • (不用互三)AI绘画:科技赋能艺术的崭新时代
  • (附源码)ssm考生评分系统 毕业设计 071114
  • (函数)颠倒字符串顺序(C语言)
  • (剑指Offer)面试题34:丑数
  • (十八)三元表达式和列表解析
  • (一)UDP基本编程步骤
  • ***通过什么方式***网吧
  • .bat批处理(一):@echo off
  • .net 简单实现MD5
  • .Net--CLS,CTS,CLI,BCL,FCL
  • .NET微信公众号开发-2.0创建自定义菜单
  • @Autowired自动装配
  • @ConfigurationProperties注解对数据的自动封装
  • @SuppressWarnings注解