微信小程序-上拉加载更多数据+在数组后增加新数组+setData动态赋值

• 上拉赋值：

首先，上拉赋值不用在json中进行配置，直接在js中添加onReachBottom函数即可。

onReachBottom函数中要获取数据用于显示。本例中的数据是页面初次加载时获取数据后，改变page参数的值，然后再次从后台获取数据增添到原有数据。

onReachBottom: function(){
  //从后端获取数据
  var that = this     
  var options = that.data.options
  var listid = options.listid 
  var url = options.url 
 7   var page = that.data.page+1
 8   that.setData({
 9      page:page 
10   }) 
  //显示加载弹窗 
  wx.showLoading({
      title:'加载中',  
  })   
  wx.request({
    url:url,
    data:{
    listid:listid,
    page:page,
    }
    success:function(res){
22       that.setData({
23          lists: that.data.lists.concat(res.lists),
24       })
     //隐藏加载弹窗
      wx.hideLoading();
    }
  })    
}

• 使用setData动态改变数值：

官方使用样例为：

this.setData({
  'array[0].text':'change data'
})

即只能赋值一个静态值。解决方法如下：

var page = that.data.page+1
that.setData({
   page:page 
}) 

• 在数组中增加数组元素：

push将新数组作为一个元素加入到数组中。

concat将新数组的每个元素拆分出来单独加到数组当中。

使用concat解决两个数组的拼接：

that.setData({
  lists: that.data.lists.concat(res.lists),
})