进阶——下拉重新加载和上拉加载更多的功能实现

WeChat小程序交流（QQ群：769977169）

下拉重新加载和上拉加载更多的功能实现，主要体现在scroll-view组件的数据处理中。

当下拉重新加载时，即只加载分页中第一页数据；当上拉加载更多时，则不断的加载第二页、第三页、……、第N页的数据，直到没有数据了。

实现效果图

代码示例

xxx.wxjs

// 重新加载
  onPullDownRefresh: function () {
    console.log("reload data")

    this.data.typePage = 1;
    this.loadDataWithType(this.data.typeIndex, this.data.typePage);
  },

// 加载更多
  onReachBottom: function () {

    console.log("loadMore data")