小程序二层嵌套循环数据:微信小程序开发(交流QQ群:604788754)

WXML:

<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:

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':'锡箔纸金针菇'
                }]
        }],
  }
})

 

posted @ 2017-06-20 11:02  生如逆旅,一苇以航  阅读(633)  评论(0编辑  收藏  举报