在微信小程序中遍历二维数组,代码如下
data 中二维数组结构如下
data: {
familys:[
{
familyName:'贾家',
users: [
{name:'贾宝玉'},
{name:'贾元春'},
{name:'贾迎春'},
{name:'贾探春'},
{name:'贾惜春'}
]
},
{
familyName:'王家',
users: [
{name:'王熙凤'},
{name:'王夫人'},
{name:'薛姨妈'}
]
},
{
familyName:'薛家',
users: [
{name:'薛宝钗'},
{name:'薛蟠'},
{name:'薛宝琴'}
]
},
{
familyName:'史家',
users: [
{name:'贾母'},
{name:'史湘云'}
]
}
]
},
遍历代码如下
{
{item.familyName}}
{
{userItem.name}}
,
核心代码在于 wx:for-item="userItem",使用 wx:for-item 来指定遍历的对象,userItem 是随便起的变量名
效果如下