小程序 嵌套循环,以及下标的设置
一. 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':'锡箔纸金针菇'
}]
}]
},
})
三.效果展示