小程序 嵌套循环，以及下标的设置

小程序 嵌套循环，以及下标的设置

 

一. wxml

<view wx:for="{{twoList}}" wx:key="index">
	<view>
		{{index+1}}、{{item.name}}
	</view>
	<view wx:for="{{item.twodata}}" wx:for-index="id" wx:for-item="twodata" >
	--{{id}}----{{twodata.name}}---{{item.name}}
	</view>
</view>

有点时候需要在第二层循环上加（wx:key="id"），具体看情况了

---

二.js

Page({

      /**
       * 页面的初始数据
       */
      data: {
        twoList:[{
            name:'应季鲜果',
            twodata:[{
              'name':'鸡脆骨'
            },{
              'name':'鸡爪'
            }]
        },{
            name:'精致糕点',
            twodata:[{
              'name':'羔羊排骨一条'
            },{
              'name':'微辣'
            }]
        },{
            id:3,
            name:'全球美食烘培原料',
            twodata:[{
              'name':'秋刀鱼'
            },{
              'name':'锡箔纸金针菇'
            }]
        }]
          
        },

      })

 

三.效果展示