微信小程序多层嵌套循环,二级数组遍历
小程序中的遍历循环类似于angularJS的遍历。
二级数组遍历有一个坑。二级遍历wx:for循环的时候,需要注意。(代码如下)
JS代码:
data: {
groups: [
[
{
title: '狼图腾',
cover: '../../img/mineBG.png'
},
{
title: '狼图腾',
cover: '../../img/mineBG.png'
},
],
[
{
title: '狼图腾',
cover: '../../img/mineBG.png'
},
],
[
{
title: '狼图腾',
cover: '../../img/mineBG.png'
},
]
],
},
遍历出不同的数组,然后渲染不同组的cell
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
{{}}
{{}}
MARK:
二级循环的时候,wx:for=”item”,这种写法是错误的。
–>
title{{cell.title}}
{{group.footer}}
———————
作者:Marktubbu
来源:CSDN
原文:https://blog.csdn.net/sensation_cyq/article/details/77507831
版权声明:本文为博主原创文章,转载请附上博文链接!