微信小程序列表页分页加载功能

微信小程序做分页加载数据，会做一些下拉加载更多、然后上拉刷新的操作。数据放在一个for循环里去加载，数据源是一个数组对象。在加载下一页数据时，将下一页的数据拼到当前数组后面。
代码如下：
wxml代码

<scroll-view class="scrollview">
  <block wx:for="{
  {list}}" wx:key="index">
      <view class="item">{
  {item.title}} ({
  {item.author}})</view>
  </block>
</scroll-view>
<view class="fixed-bottom" bindtap="loadMore">加载更多</view>

js代码

page({
	/**
   * 页面的初始数据
   */
  data: {
    pageIndex: 1,         //列表初始页
    list: [],            //存放所有数据
  },
  //加载初始数据；单独写个方法，而不直接写在onLoad里面，是因为如果要做下拉刷新操作的话，只需要在触发下拉刷新操作后，再调用一下这个方法就可以了。
  loadInitData() {
    var that = this
    var pageIndex = 1
    var msg = '加载第' + pageIndex + '页'
    wx.showLoading({
      title: msg,
    })
    wx.request({
      url: 'xxx.com/Content/test-data/data.json',
      method: 'GET',
      header: { 'content-type': 'application/json' },
      success: function (res) {
        console.log(res)
        that.setData({
          pageIndex: pageIndex,
          list: res.data.data
        })
        console.log(that.data.list)
      },
      fail: function (res) { },
      co