微信小程序-上拉加载和下拉刷新

一.上拉加载

微信小程序的上拉加载使用onReachBottom(),写在.js文件里面的Page方法里面。

onReachBottom(){//上拉自动更新到4,5,6wx.showLoading({title: '数据加载中...',})setTimeout(()=>{const lastNum=this.data.numList[this.data.numList.length-1]const newAry=[lastNum+1,lastNum+2,lastNum+3]this.setData({numList:[...this.data.numList,...newAry]})wx.hideLoading()},1500)}

onReachBottom()会监听微信小程序上拉操作。
需要在.json文件里面配置"onReachBottomDistance"属性。
如下面的代码,在距离底部50px的时候会触发到onReachBottom()

"onReachBottomDistance": 50px

二.下拉刷新

下拉刷新使用onPullDownRefresh()

  onPullDownRefresh(){//下拉刷新后,显示1,2,3this.setData({numList:[1,2,3]})if(this.data.numList.length === 3){wx.stopPullDownRefresh()}}

注意,在使用onPullDownRefresh() 的时候,需要及时使用wx.stopPullDownRefresh()进行关闭,不然可能会长时间显示刷新状态
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/855801.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

webpack 中 require.context() 的用法

一、什么是 require.context It allows you to pass in a directory to search, a flag indicating whether subdirectories should be searched too, and a regular expression to match files against. – webpack 官方说明 一个 webpack 的 api ,通过该函数可以获…

类加载机制-打破双亲委派机制

文章目录 类加载机制打破打破双亲委派机制例子1例子2 类加载机制 类加载机制 打破打破双亲委派机制 例子1 JDBC的加载机制 Driver 接口是在rt.jar 包里定义的 public interface Driver {Connection connect(String url, java.util.Properties info)throws SQLException; }…

Java中Cookie的用法

Cookie是一段不超过4KB的小型文本数据,由一个名称(Name)、一个值(Value)和其它几个用于控制Cookie有效期、安全性、使用范围的可选属性组成。 Expires(过期) 设置Cookie的生存期。有两种存储类…

Ubuntu网络管理命令:nslookup

安装Ubuntu桌面系统(虚拟机)_虚拟机安装ubuntu桌面版-CSDN博客 nslookup命令主要用来查询域名信息,实际上主要是将域名转换为相应的IP地址,或者将IP地址转换成相应的域名。nslookup命令为用户提供了两种工作模式,分别…

删掉一个元素以后全为1的最长子数组

class Solution { public:int longestSubarray(vector<int>& nums) {int lennums.size();int left0,right0,cnt00;while(right<len){if(nums[right]0){cnt0;}right;if(cnt0>1){if(nums[left]0){cnt0--;}left;}}return right-left-1;} };

matlab线性多部法求常微分方程数值解

用Adamas内差二步方法&#xff0c;内差三步方法&#xff0c;外差二步方法&#xff0c;外差三步方法这四种方法计算。 中k为1和2. k为2和3 代码 function chap1_adams_methodu0 1; T 2; h 0.1; N T/h; t 0:h:T; solu exact1(t);f f1; u_inter_2s adams_inter_2steps(…

B类IP介绍

一、B类ip给谁用&#xff1a; 城域网用的大多就是B类地址。 二、基本介绍 ip地址范围 - 理论范围 128.0.0.0 ~ 191.255.255.255&#xff1a;10000000 00000000 00000000 00000000 ~ 10111111 11111111 11111111 11111111 - 实际&#xff08;正常情况&#xff09;可用地址范围…

2024-6-19(沉默springboot)

1.spring开启事务支持 事务在逻辑上是一组操作&#xff0c;要么执行&#xff0c;要不都不执行。主要是针对数据库而言的&#xff0c;比如说 MySQL。 业务场景eg: public void savePosts(PostsParam postsParam) {// 保存文章save(posts);// 处理标签insertOrUpdateTag(posts…

【C++】生成随机数

生成 l , r l,~r l, r 范围内的随机数 C o d e Code Code #include <iostream> #include <random> using namespace std;int get_rand(int l, int r) {random_device rd; // 用于获取随机数种子的设备mt19937 gen(rd()); // 以随机数种子初始化随机数生成器unif…

Leetcode 3187. Peaks in Array

Leetcode 3187. Peaks in Array 1. 解题思路2. 代码实现 题目链接&#xff1a;3187. Peaks in Array 1. 解题思路 这一题算是一个套路题&#xff0c;基本就是典型的segment tree的题目。 对于任意一个query&#xff0c;segment tree可以直接获得对应范围内的peak的数目&…

python使用多进程加快处理数据

最近需要用python循环遍历xlsx文件&#xff0c;但总感觉特慢&#xff0c;于是记录一下使用多进程让cpu性能拉满&#xff0c;加快速度。 python使用多进程加快处理数据 1.原始代码2.使用多进程改写代码 1.原始代码 下面展示 原始代码。 这个举例代码的是用来循环遍历我文件夹下…

2023年全国大学生数学建模竞赛A题定日镜场的优化设计(含word论文和源代码资源)

文章目录 一、部分题目二、部分论文基于数学算法研究定日镜场的优化设计一、 问题重述1.1 问题背景1.2 需要解决的问题 二、 模型假设三、 问题分析3.1 问题一的分析3.2 问题二的分析 四、 符号说明五、 模型的建立与求解5.1 问题一模型的建立与求解 三、完整word版论文和源代码…

MYSQL基础查询

示例&#xff1a;user_profile iddevice_idgenderageuniversityprovince12138male21北京大学Beijing23214male复旦大学Shanghai36543female20北京大学Beijing42315female23浙江大学Zhejiang55432male25山东大学Shandong 查询所有列 select * from user_profile&#xff1b;查询…

各种文件类型

一、pkl结尾的文件 .pkl结尾的文件通常是指使用Python的pickle模块序列化后的文件。Pickle是Python中的一个模块&#xff0c;用于将Python对象转换为字节流&#xff0c;以便保存到文件中或者通过网络传输。这个过程被称为“序列化”&#xff0c;而将字节流重新转换回Python对象…

React最新面试攻略

一.简单聊聊React中的组件生命周期及其作用解&#xff1a; React组件的生命周期可以分为三个阶段&#xff1a;挂载阶段、更新阶段和卸载阶段。 挂载阶段包括constructor、componentWillMount、render和componentDidMount等生命周期方法&#xff0c;用于初始化组件和挂载后的操…

项目训练营第二天

项目训练营第二天 用户登录逻辑 1、账户名不少于4位 2、密码不少于8位 3、数据库表中能够查询到账户、密码 4、密码查询时用同样加密脱敏处理手段处理后再和数据库中取出字段进行对比&#xff0c;如果账户名未查询到&#xff0c;直接返回null 5、后端设置相应的脱敏后用户的s…

就因为没在大屏项目加全屏按钮,早上在地铁挨了领导一顿骂

“嗯嗯”&#xff0c;“嗯嗯”&#xff0c;“那产品也没说加呀”&#xff0c;“按F11不行吗&#xff1f;”&#xff0c;“嗯嗯”&#xff0c;“好的”。 早上在4号线上&#xff0c;我正坐在地铁里&#xff0c;边上站着的妹子&#xff0c;我看他背着双肩包&#xff0c;打着电话…

零停机部署——特征开关(Feature Toggles)的应用

引言 在现代软件开发和部署中&#xff0c;零停机部署技术是实现高可用性和无缝用户体验的关键。本文将讨论功能开发开关(Feature Toggles)的类型并分析它们的优缺点&#xff0c;同时提供相关的例子和演示。 PS: https://github.com/WeiXiao-Hyy/blog整理了后端开发的知识网络…

即时到账支付系统源码第四方支付平台源码(支付宝/QQ钱包/微信二维码收款+附配套软件)

即时到账支付系统源码第四方支付平台源码价值10万&#xff0c;支付宝/QQ钱包/微信二维码收款&#xff0c;附配套软件 开发语言&#xff1a;phpmysql 这个是一个可以跟码支付一样用自己的二维码收款的网站 还可以作为即时到账 代收款 或者易支付使用后台配置好就行&#xff…

python 微信群发工具

效果如下 python 微信消息群发工具 1、环境安装依据python手机app自动化测试环境搭建-CSDN博客 2、元素获取 启动uiautomatorviewer.bat工具,如下图 点击获取手机界面,如下图 3、根据获取的界面元素id或class名称编写代码 python简易代码如下 from appium import webdrive…