uniapp使用scroll-view下拉刷新与上滑加载

server/2024/11/20 0:22:36/

scroll-view适合局部下拉刷新场景

		<!-- 滚动视图区域 --><scroll-view class="content" :scroll-y="true" refresher-enabled="true" @refresherrefresh="pulldown" lower-threshold="150"@scrolltolower="finishPullUp" ref="scroll" :refresher-triggered="triggered"></scroll-view>
            	param: { // 请求参数page: 1,new_status: ''},list: [], // 订单列表total_page: 1, // 总页数pulldown() { // 下拉刷新if (!this.triggered) {this.triggered = true;this.param.page = 1this.getList(true)setTimeout(() => {this.triggered = false;}, 1000)}},getList(isRefresh = false) { // 获取用户列表exchangeResource.buyList(this.param).then((response) => {if (response.errcode === ERR_OK) {if (response.data) {if (isRefresh) {this.list = response.dataconsole.log(this.list)} else {this.list = [...this.list, ...response.data]}this.total_page = response.page.total_page}}})}

http://www.ppmy.cn/server/143330.html

相关文章

鸿蒙动画开发06——打断动画

1、前 言 UI界面除了运行动画之外&#xff0c;还承载着与用户进行实时交互的功能。当用户行为根据意图变化发生改变时&#xff0c;UI界面应做到即时响应。 例如用户在应用启动过程中&#xff0c;上滑退出&#xff0c;那么启动动画应该立即过渡到退出动画&#xff0c;而不应该…

智能停车解决方案之停车场室内导航系统(二):核心技术与系统架构构建

hello~这里是维小帮&#xff0c;如有项目需求和技术交流欢迎大家私聊我们&#xff01;点击文章最下方获取智慧停车场方案~撒花&#xff01; 随着城市化进程的加速&#xff0c;停车难问题日益凸显。智能停车系统作为缓解停车压力的有效手段&#xff0c;其核心技术与架构的构建至…

HTTP 响应头 Deprecation 字段在 API 版本迭代的应用

API 版本迭代过程中&#xff0c;我们希望使用者能保持使用新版本 API&#xff0c;并且知道他正在使用的旧版本 API 即将废弃。维护者与使用者关于这点的沟通通常通过下面的方式&#xff1a; 维护者定期更新网站中 API 版本信息&#xff0c;使用者定期关注维护者通过邮件主动通…

Vue 3 中 ref 属性详解:操作 DOM 元素的利器

Vue 3 中 ref 属性详解&#xff1a;操作 DOM 元素的利器 在 Vue 3 中&#xff0c;ref 属性不仅可以用于声明响应式数据&#xff0c;还可以直接绑定到模板中的 DOM 元素。通过这种方式&#xff0c;开发者可以在组合式 API 中高效、直接地操作 DOM 元素。本文将详细讲解 Vue 3 中…

前端基础(四十一):实时获取麦克风音量

效果 源码 <button id"open">打开麦克风</button> <button id"close">关闭麦克风</button><input id"range" type"range" min"0" max"100" value"0" />let _mediaStrea…

Redis 高并发缓存架构实战与性能优化

前言 在高并发场景下&#xff0c;同时操作数据库和缓存会存在数据不一致性的问题。这常常在面试时&#xff0c;面试官很喜欢问的一个问题&#xff0c;你们系统有用 Redis&#xff1f;使用Redis实现了哪些业务场景&#xff1f;如何保证数据的一致性&#xff1f; 问题 总体归纳…

(二)PyTorch简要教学

文章目录 PyTorch教学一、训练一个神经网络二、用PyTorch是怎么去做的&#xff08;一&#xff09;Dataset & DataLoader&#xff08;二&#xff09;Tensors&#xff08;1&#xff09;Tensor是什么&#xff08;2&#xff09;怎么获得Tensor&#xff08;3&#xff09;Tensor相…

react 中 useMemo Hook 作用

useMemo是一个用于优化性能的重要钩子函数。 一、缓存计算结果 1. 基本原理和语法 1.1 原理 useMemo用于在函数组件中缓存计算结果。 1.2 语法 useMemo接受两个参数&#xff1a;一个函数包含需要缓存的计算逻辑、一个依赖项数组指定哪些值的变化会触发重新计算。 import…