小程序下拉加载更多数据

本文介绍了在小程序中实现下拉加载更多数据的方法,包括简单列表分页和Swiper组件下拉获取更多的实现步骤。对于简单列表,需要在.json文件配置下拉刷新,并在JS中添加事件监听。而对于Swiper组件,由于它会屏蔽onReachBottom事件,所以需要借助scroll-view组件,监听bindscrolltolower事件,并处理多个列表的区分。
摘要由CSDN通过智能技术生成

1    功能介绍
1.1    简单列表分页
功能描述:拖动下拉条,可以加载更多内容
1.1.1    实现步骤
1.1.1.1    配置.json文件
1)    在app.json页面配置"enablePullDownRefresh": true,这会让下拉刷新效果适用于项目的每一个页面;或者在对应需要下拉刷新功能的.json文件加上这句配置。
2)    修改app.json文件如下值

1.1.1.2    在js中加上事件
 
1.1.1.3    请求数据示例
 
1.2    Swiper组件下拉获取更多
如果页面是有swipper组件的,如下图效果,页面有两个tab页的。据我从网上查找的资料,swipper组件会屏弊onReachBottom事件,所以需要想别的办法实现下拉条获取更多内容
 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值