• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
  • 上拉赋值:

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

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

 1 onReachBottom: function(){
 2   //从后端获取数据
 3   var that = this     
 4   var options = that.data.options
 5   var listid = options.listid 
 6   var url = options.url 
 7   var page = that.data.page+1
 8   that.setData({
 9      page:page 
10   }) 
11   //显示加载弹窗 
12   wx.showLoading({
13       title:'加载中',  
14   })   
15   wx.request({
16     url:url,
17     data:{
18     listid:listid,
19     page:page,
20     }
21     success:function(res){
22       that.setData({
23          lists: that.data.lists.concat(res.lists),
24       })
25      //隐藏加载弹窗
26       wx.hideLoading();
27     }
28   })    
29 }
  • 使用setData动态改变数值:

官方使用样例为:

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

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

1 var page = that.data.page+1
2 that.setData({
3    page:page 
4 }) 
  • 在数组中增加数组元素:

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

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

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

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

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序登录-41003:aes小程序加密数据解密失败问题发布时间:2022-07-18
下一篇:
小程序自定义弹层组件发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap