微信小程序循环及嵌套循环的方法
本篇内容主要讲解“微信小程序循环及嵌套循环的方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微信小程序循环及嵌套循环的方法”吧!
创新互联公司长期为上千余家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为柳南企业提供专业的网站设计制作、成都网站建设,柳南网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。
对于我们在js中从接口中通过POST或GET请求获取数据存放到Page中定义的对象中:
//首页话题列表 wx.request({ url: 'https://*******************', method: 'POST', data: { pageNum: 1, pageSize: 10 }, success:function(res){ that.setData({ listTop:res.data, }) } })
在wxml文件中通过
wx:for="{{listTop}}"
来实现循环输出对象中的数据,这里我们可以通过{{index }} 获取下标,也可以自定义下标:
wx:for-index="index2"
当listTop中存在对象com的时候,我们可以通过wx:for="{{item.com}}" 来实现循环该循环中的数据。
我在实际的项目中,遇到这样一个问题:在嵌套循环的过程中,我需要将某个字段的值进行转换,比如时间戳换成日期/几天前等,这个时候我们应该
知道微信小程序不支持界面直接调用JS,这个时候我们应该怎么解决:
起初自己饶了很大一个弯子,我总是想在JS中通过循环放到一个对象中,然后再在界面循环出来,其实前一步我已经接近结果了,但是实际开发中
自己作为刚入职不到一个月的新手还是有很多不足,所以自己陷入到死循环当中。
解决方案:在你遍历出来的时候,直接把原有的数据替换成想要的数据就行了。。。。(很简单,但是当局者迷,但是由于自己解决的,可能存在
更好的方法,这里仅作叙述)
for (var i = 0; i < res.data.data.length;i++){ console.log(res.data.data[i].comments+"**********"+i) console.log("***"+i) if (res.data.data[i].comments !=null){ for (var j = 0; j < res.data.data[i].comments.length;j++){ res.data.data[i].comments[j].createTime=transDate(res.data.data[i].comments[j].createTime) } } }
到此,相信大家对“微信小程序循环及嵌套循环的方法”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
当前名称:微信小程序循环及嵌套循环的方法
地址分享:http://ybzwz.com/article/gosisp.html