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

参考文档:https://taro-docs.jd.com/taro/docs/tutorial#%E9%A1%B9%E7%9B%AE%E7%9B%AE%E5%BD%95%E7%BB%93%E6%9E%84

 

其实和微信小程序一样,只要设置页面配置信息并添加对应函数即可

class Index extends Component {
    // 添加小程序页面配置信息
    config: {
        enablePullDownRefresh: true,
        onReachBottomDistance: 50
    }
    
    onPullDownRefresh() {
        console.log('下拉刷新')
        setTimeout(() => {
            // 停止下拉刷新
            Taro.stopPullDownRefresh()
        }, 1000)
    }

    onReachBottom() {
        console.log('触底事件,做上拉加载')
    }
}

 

热门文章

暂无图片
编程学习 ·

SQL Server将查询结果输出到文件中保存

1. 手动方法在SSMS中,查询出结果后,右键点击"copy/copy with headers"可以复制结果,打开空白csv/Excel后粘贴即可在SSMS中,查询出结果后,右键点击"save result as"(结果另存为)并保存即可 注意按照这种方法保存的结果是没有字段名称的,相当于上一种…
暂无图片
编程学习 ·

如何解决eclipse无法显示svn资源库以及给资源库设置起别名

前言每次安排项目时领导都会丢给我一个svn地址,让我去download下来然后功能写完了提交到svn即可。可是项目做多了话,就会出现在很多个svn地址,同时由于url里面的中文会被转码,所有在导入的时候根本不知道哪个时自己要导入的。如下面所示:显示svn资源库以及设置别名 从下图…
暂无图片
编程学习 ·

Netty

Netty是什么?异步事件驱动的网络应用框架,可以快速开发一个可维护的高性能的服务端和客户端。都是谁在用Netty?Dubbo、zk、RocketMQ、es、Spring5(对于Http协议的实现)、Spak等大型开源项目使用Netty作为底层通讯的实现。Netty中的核心概念是什么?1、Channel管道,是对Sock…
暂无图片
编程学习 ·

2020-07_python-docx 0.8.10 User Guide_10

python-docx 0.8.10 User Guide 说明:本文的内容来源python-docx官方文档,出于学习的目的借助于有道进行翻译。 翻译的原则:只有在有道翻译出的内容不通顺或意义有误的情况下才使用个人翻译。Understanding pictures and other shapes Conceptually, Word documents have tw…
暂无图片
编程学习 ·

redis基础知识汇总

redis基础知识汇总一、redis 基础知识1. 什么是Redis?2. redis的优缺点?3. redis比memcached的优势在哪里?以及两者的区别?4. redis的持久化策略?5. Redis过期键的删除策略6. 数据淘汰策略7. redis的事务?8、redis 事件?9、redis 集群redis哨兵数据分片主从配置二、Redi…
暂无图片
编程学习 ·

【游记】2020联合省选

说在前面 今年的省选是在本校考的,非常幸运。但俗话说得好,祸福相依。 day  0\tt day\;0day0 最后一个突击冲刺的夜晚,天上一颗星星也没有。机房里是几个年轻人,其中的一位正在复习 NTT\tt NTTNTT ,他还没有意识到将要到来的考试是个灭顶之灾。 我们的教练显然并不相信临…
暂无图片
编程学习 ·

Kotlin上手(一)

标准函数with with函数接收两个参数,第一个参数是任意类型的对象,第二个是Lambda表达式。with函数会在Lambda表达式中提供第一个参数的上下文,并使用Lambda表达式中的最后一行代码作为返回值返回。 fun test() {val list = listOf("Apple", "Banana", &…
暂无图片
编程学习 ·

cpu寻址问题

20根地址线,16根数据线,cpu按字节编址和按字编址的寻址范围,分别是1M和512k,但是16根数据线,表明一次向存储单元读写位数16位,那为什么按字编址会是512k而不是1M呢,请解答一下,谢谢
暂无图片
编程学习 ·

MySQL--02(安装)

A:MySQL的安装 Linux/UNIX 上安装 MySQL Linux平台上推荐使用RPM包来安装Mysql,MySQL AB提供了以下RPM包的下载地址: 1.MySQL - MySQL服务器。你需要该选项,除非你只想连接运行在另一台机器上的MySQL服务器。 2.MySQL-client - MySQL 客户端程序,用于连接并操作Mysql服务器…
暂无图片
编程学习 ·

斐波那契(黄金分割法)查找算法(FibonacciSearch)

斐波那契(黄金分割法)查找算法(FibonacciSearch) 1.基本介绍1)黄金分割点是指把一条线段分割为两部分,使其中一部分与全长之比等于另一部分与这部分之比。取其前三位数字的近似值是0.618。由于按此比例设计的造型十分美丽,因此称为黄金分割,也称为中外比。这是一个神奇的数…
暂无图片
编程学习 ·

OA、ERP、BPM 各自的功能和特点是什么?怎么配合使用?

​OA是Office Automation的简称,译为办公自动化,常用于企业内部事务管理。OA具有的几个功能:信息存储、数据管理、数据共享。因此,它的使用场景常分布在日常办公中,比如:公文管理、沟通工具、文档管理、项目管理、任务管理、会议管理、通讯录、工作便签、问卷调查、常用工…
暂无图片
编程学习 ·

07:从一个二维数组中查找一个数

题目:从一个二维数组中查找一个数 数组要求:从左到右,从上到小依次递增的矩形二维数组 思路:我们从矩阵的右上角开始查找,若该位置的数值小于目标值,列数减一;若数值大于目标值,行数加一,后续重复。 public class Offer07 {public static void main(String[] args) {i…
暂无图片
编程学习 ·

客户端自动化测试研究

测试作为质量保证极其重要的一环,在移动App开发流程中起到非常关键的作用。从开发工程师到测试工程师,人人都应具备良好的测试意识,将隐患和风险在上线之前找出并解决,可以有效的减少线上事故。美团和大众点评App作为美团点评平台的主要入口,支持承载着美团点评各大业务。…
暂无图片
编程学习 ·

《MySQL数据库》常用函数整理

以下内容,是我整理出来的比较常用的字符串函数,数值函数,日期函数。第一类:字符串函数1、conv(n,from_base,to_base):对from_base进制的数n,转成to_base进制的表示方式(PS:进制范围为2-36进制,当to_base是负数时,n作为有符号数否则作无符号数)mysql> select conv(&quo…
暂无图片
编程学习 ·

知识图谱数据库《neo4j》安装与配置

一:安装步骤Neo4j是基于Java的图形数据库,运行Neo4j需要启动JVM进程,因此必须安装JAVA SE的JDK。1:liunx环境Neo4j下载地址:https://neo4j.com/download/other-releases/#releases(社区版免费)或者直接在服务器上使用命令下载:curl -O http://dist.neo4j.org/neo4j-commu…
暂无图片
编程学习 ·

DC-8

靶机:192.168.56.108攻击机:192.168.56.1关键字:SQL注入漏洞,John工具,eixm探索靶机DC-8 web主页网页sql注入漏洞浏览下网页,关注可能出现漏洞的地方像这种?nid=1的地方很容易出现sql注入漏洞,一般就是注入引号测试。这里回显报错,那估计可以注入了。狠一点就直接拿去…
暂无图片
编程学习 ·

Typescript学习之路(三)

静态属性,静态方法 static class Persond {public name: string;public age: number = 20;static sex = 男;constructor(name: string) {this.name = name;}//静态方法,无法调用类里面的属性static print() {console.log(print方法 + Persond.sex);} } Persond.print();多态 c…