小程序二層嵌套循環數據:微信小程序開發(交流QQ羣:604788754)

WXML:spa

<view class="martop15">
    <view class="titlebox">
        2、二層嵌套循環
    </view>
    <view class="martop15">
        <view style="border-bottom:1px solid #48C23D" class="pad10" wx:for="{{twoList}}" wx:key="id">
            <view>
                {{index+1}}、{{item.name}}
            </view>
            <view wx:for="{{item.twodata}}" wx:for-item="twodata" wx:key="id">
                ----{{twodata.name}}---{{item.name}}
            </view>
        </view>
    </view>
</view>

JS:code

Page({
  data: {
        twoList:[{
                id:1,
                name:'應季鮮果',
                count:1,
                twodata:[{
                    'id':11,
                    'name':'雞脆骨'
                },{
                    'id':12,
                    'name':'雞爪'
                }]
        },{
                id:2,
                name:'精緻糕點',
                count:6,
                twodata:[{
                    'id':13,
                    'name':'羔羊排骨一條'
                },{
                    'id':14,
                    'name':'微辣'
                }]
        },{
                id:3,
                name:'全球美食烘培原料',
                count:12,
                twodata:[{
                    'id':15,
                    'name':'秋刀魚'
                },{
                    'id':16,
                    'name':'錫箔紙金針菇'
                }]
        }],
  }
})
相關文章
相關標籤/搜索