1、打开小程序开发工具，在项目的pages文件夹下新建mypage文件夹，并在文件夹内新建mypage，在app.json中将mypage设为第一页面
2、在mypage.wxml中写代码如下：
<view wx:for="{{objlist}}">
{{index}}-{{item}}
</view>
objlist是一个数组数据
3、在mypage.js中写代码如下，添加数组数据：
data: {
objlist: ['h', 'h', 'h', 'h', 'h', 'h', 'h', 'h','h', 'h', 'h', 'h', 'h', 'h', 'h', 'h', 'h', 'h', 'h', 'h',
'h', 'h', 'h', 'h', 'h', 'h']
},
4、在mypage.js文件中的onReachBottom触底刷新函数中，添加代码如下，当到底部时添加一个数据到objlist数组
onReachBottom: function () {
var dataappend = this.data.objlist;
dataappend.push('as');
this.setData({objlist:dataappend})
},
5、编译运行代码，左侧模拟器效果如下图
6、当上拉屏幕，滚动条触底时，触发onReachBottom事件，数据被添加并显示到屏幕了
7、实际中往往是添加多个数据，可以改写onReachBottom函数如下：
onReachBottom: function () {
var dataappend = ['u', 'u', 'u', 'u', 'u', 'u', 'u', 'u', 'u', 'u', 'u', 'u', 'u', 'u', 'u', 'u', 'u', 'u'];
this.setData({objlist:this.data.objlist.concat(dataappend)})
},
8、编译运行代码，并上拉触底刷新，效果如下图
