uniapp vue3的下拉刷新和上拉加载

embedded/2024/11/18 7:48:27/

开启页面的下拉刷新,注意这个不是可滚动视图的下拉刷新.

一般页面建议使用页面外的,不要使用scroll-view里面的下拉刷新.

pages:

javascript">"pages": [ {"path": "pages/index/index","style": {"navigationBarTitleText": "首页","enablePullDownRefresh":true,//下拉刷新,必须配置该参数"onReachBottomDistance":100,//距离底部100像素时,触发加载更多功能}}
]

js:

javascript"><script lang="ts" setup>import { onPullDownRefresh , onReachBottom } from "@dcloudio/uni-app"onPullDownRefresh(() => {console.log("下拉刷新")})onReachBottom(() => {console.log("上拉加载更多")})
</script>

常用代码:

关闭下拉刷新:

uni.stopPullDownRefresh();

链接:

uni-app中vue3+setup实现下拉刷新、上拉加载更多效果_uni-app_2019ab-Vue


http://www.ppmy.cn/embedded/138472.html

相关文章

Java中的HTML元素设置:背景、列表与超链接

在Java中&#xff0c;当我们涉及到生成动态HTML内容或者处理与HTML相关的操作时&#xff0c;了解如何设置HTML的一些基本元素属性是非常重要的。这篇文章将重点介绍HTML中的背景设置、列表设置以及超链接设置&#xff0c;并通过Java示例代码来说明如何操作。 ## 一、HTML背景设…

湘潭大学软件工程算法设计与分析考试复习笔记(一)

文章目录 前言随机类&#xff08;第七章&#xff09;随机概述数值随机化舍伍德拉斯维加斯蒙特卡罗 模拟退火遗传人工神经网络 回溯&#xff08;第五章&#xff09;动态规划&#xff08;第四章&#xff09;后记 前言 考试还剩十一天&#xff0c;现在准备开始复习这门课了。好像全…

容器内的Jenkins使用docker部署服务,服务数据文件挂载问题

问题 docker 容器运行服务更推荐是那种无状态的服务&#xff0c;这样可以做到 “ 开箱即用 ”&#xff0c;需要持久化存储的话使用存储卷挂载数据库文件即可&#xff0c;这都是基于在宿主机上执行的&#xff1b; 现在Jenkins是在docker容器中运行&#xff0c;并需要使用docker部…

Python 小高考篇(5)自定义函数

目录 def 定义函数传入参数返回值 lambda 定义函数递归自测总结结尾 本文由Jzwalliser原创&#xff0c;发布在CSDN平台上&#xff0c;遵循CC 4.0 BY-SA协议。 因此&#xff0c;若需转载/引用本文&#xff0c;请注明作者并附原文链接&#xff0c;且禁止删除/修改本段文字。 违者…

React Hooks 深度解析与实战

&#x1f493; 博客主页&#xff1a;瑕疵的CSDN主页 &#x1f4dd; Gitee主页&#xff1a;瑕疵的gitee主页 ⏩ 文章专栏&#xff1a;《热点资讯》 React Hooks 深度解析与实战 React Hooks 深度解析与实战 React Hooks 深度解析与实战 引言 什么是 Hooks? 定义 为什么需要 Ho…

paddle表格识别数据制作

数据格式 其中主要数据有两个一个表格结构的检测框&#xff0c;一个是tokens&#xff0c;注意的地方是 1、只能使用双引号&#xff0c;单引号不行 2、使用带引号的地方是tokens里面 "<tr>", "<td", " colspan2", ">",&quo…

屏幕拾色器

屏幕拾色器 桌面应用开发中&#xff0c;经常需要用到拾色器&#xff0c;之前一般使用的WEB上的小工具&#xff0c;有些不方便&#xff0c;在网上找的一些小工具又附带一些乱七八糟的东西&#xff0c;故想要自己实现一个小工具。 Qt实现 Qt可以使用Qt Designer工具对ui进行编辑…

vue3字符串转整数

vue3字符串转整数 思路方法代码实现示例 思路方法 在 Vue 3&#xff08;或任何 JavaScript 环境&#xff09;中&#xff0c;将字符串转换为整数可以使用 JavaScript 的内置函数 parseInt()。这个函数可以将一个字符串解析为指定基数的整数。如果不指定基数&#xff0c;默认情况…