美文网首页
小程序商城的嵌套循环

小程序商城的嵌套循环

作者: 老板下碗面 | 来源:发表于2020-05-11 12:08 被阅读0次

 <block wx:for-items="{{array}}" wx:key="{{item.id}}">  

做最外层循环,这里array的数组元素,就变为item了,item有2个属性,其中一个是list,

循环我们需要的数据,然后我们和往常使用wx:for一样,item遍历的时候直接item.info    item.list 等等直接使用就可以

但是当我们点击类名需要显示二级分类list里面的列表

 <block wx:for-items="{{array}}" wx:key="{{item.id}}">  

【注意】这个wx:for-items="{{array}}"默认的循环项为item,不需要指定了。所以,第二层循环的item,解释器已经理解了,就是指向array的,现在item下面的list,依旧是一个数组,我们可以在嵌套来遍历他。

<block wx:for-items="{{item.list}}" wx:for-item="page" wx:key="*item"> 

用wx:for-items="{{item.list}}",对array里面的list属性内嵌数组做了遍历循环      注意后面跟了wx:for-item="page"  而且item没有s  

就是对指向array的item的元素list数组的元素重新命名为page了,后面的page操作,就是对这个内嵌数组操作,二层循环用page.name   page.url就可以了。这里wx:for-item的命名其实是一个可选项,如果不命名,默认就是item,也就是嵌套的循环下标也是item,大概是为了避免误解,导致,微信团队,又加了这一个功能,个人觉得有点多余。


相关文章

  • 小程序商城的嵌套循环

    做最外层循环,这里array的数组元素,就变为item了,item有2个属性,其中一个是list, 循环我们需...

  • 潍坊商城小程序网站开发制作

    潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊...

  • python初学16.Python程序的基本控制流程(下)

    循环语句嵌套 循环语句嵌套指的是,在一个程序中,存在这多个循环,而且这多个循环是相互嵌套的 还记得分支语句那节我们...

  • 2020年4月2日 第三章 程序控制结构-6

    第三章 程序控制结构-6 5 嵌套程序 无论是分支结构还是循环结构,都允许嵌套。嵌套就是分支内还有分支,循环内还有...

  • 潍坊商城小程序软件开发制作

    潍坊商城小程序软件开发制作潍坊商城小程序软件开发制作潍坊商城小程序软件开发制作潍坊商城小程序软件开发制作潍坊商城小...

  • 2018-12-24

    微必知科技,专业的小程序商城、小程序模板开发公司 小程序商城是当下最火的电商购物平台,随着小程序的遍及,小程序商城...

  • 2018-12-24

    微必知科技,专业的小程序商城、小程序模板开发公司 小程序商城是当下最火的电商购物平台,随着小程序的遍及,小程序商城...

  • 潍坊软件开发制作商城小程序

    潍坊软件开发制作商城小程序潍坊软件开发制作商城小程序潍坊软件开发制作商城小程序潍坊软件开发制作商城小程序潍坊软件开...

  • 小程序商城是什么?商家应该建立吗?

    在小程序尚未诞生之时,商城常见的形态为商城网站、商城APP,小程序商城和前两个差不多,只不过将商城建立在小程序上。...

  • 12 循环

    循环 目标 程序的三大流程 while 循环基本使用 break 和 continue while 循环嵌套 01...

网友评论

      本文标题:小程序商城的嵌套循环

      本文链接:https://www.haomeiwen.com/subject/urnynhtx.html