微信小程序滚动加载内容一：基础原理

演示最基础的原理 ，关键词：concat

//index.js
Page({
  data: {
    // 默认分页1
    page:1,
    // 数据集
    newsData:[
      { ttl: '1' }, { ttl: '2' }
    ]
  },
  onLoad: function () {

  }
  
  // 页面监听下拉事件
  ,onReachBottom:function(){
    var that = this;
    // 当前分页
    var p = that.data.page;
    // 数据集数据
    var befor = that.data.newsData
    // 新增数据（这里可以是api请求的数据）
    var after = [{ttl:p}]
    // 重新赋予数据(每下拉一次，此处重复一次)
    that.setData({
      page:p+1,
      newsData: befor.concat(after)
    })

    //console.log(that.data.page)
  }
   

})

index.wxml代码

<view class='box'>
  <view wx:for="{{newsData}}" wx:key="unique" wx:for-index="idx" wx:for-item="v">{{idx}}</view>
</view>

 

还有上拉加载，刷新加载，点击加载等等基本都是这个原理

微信开发交流群：336925436