小程序下拉加载更多数据

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    注意点
注意多个列表的区分,定义不同的变量来控制