小程序下拉加载更多数据
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.2.1 实现步骤
1.2.1.1 配合scroll-view组件
在scroll-view上增加监听bindscrolltolower
1.2.1.2 LoadMore事件
1.2.1.3 注意点
注意多个列表的区分,定义不同的变量来控制