微信小程序实例代码中关于上拉加载更多的实现方式

<repeat for="{{recordList}}" key="index" index="index" item="item" >

   <view class="zan-panel">

      <view class="zan-cell">

         <view class="zan-cell__bd">变更内容：{{item.typeText}}</view>

         <view class="zan-cell__ft">￥<text style="padding-left:4rpx">{{item.totalFee/100}}</text></view>

      </view>

      <view class="zan-cell">

         <view class="zan-cell__bd zan-font-12 zan-c-gray-dark">变更时间：{{item.updateTime}}</view>

      </view>

   </view>

</repeat>

<block wx:if="{{recordList.length > pageSize}}">

   <block wx:if="{{updateLoadShow}}">

      <updateLoad :loading="updateLoadShow"></updateLoad>

   </block>

   <view class="doc-description zan-center" style="font-size:12px;" wx:else>

      <text>{{updateLoadTxt}}</text>

   </view>

</block>

onLoad() {

    // 获取系统消息

    wepy.getSystemInfo({

      success: (res) => {

        this.height = res.windowHeight

        this.pageSize = Math.round(res.windowHeight / 103) + 1

        this.$apply()

      }

    })

}

// 上拉加载

onReachBottom() {

    // 上拉加载更多loading

    this.updateLoadShow = true

    let _length = this.recordList.length

    // 列表长度与列表总数对比

    if (_length === this.pagtotal) {

      setTimeout(() => {

        this.updateLoadShow = false

        this.$apply()

      }, 1000)

    } else {

      // 当前页码加一

      this.pageNum++

      // 更新数据

      this.getData()

    }

}

// 获取数据

getData() {

    const pageNum = this.pageNum

    api.get(recordURL + 'queryBalanceSub?start=' + pageNum + '&size=' + this.pageSize + '&sortStr=update_time&sortType=desc').then(({data}) => {

      if (pageNum === 1) {

        this.recordList = data.list

        this.pagtotal = data.totalRow

      } else {

        this.recordList = this.recordList.concat(data.list)

      }

      this.loadingShow = false

      this.updateLoadShow = false

      this.$apply()

    })

  }