前言
入门教程之列表渲染多层嵌套循环,目前官方的文档里,主要是一维数组列表渲染的案例,还是比较简单单一,给刚入门的童鞋还是无从入手的感觉。
- <view wx:for="{{items}}">
- {{index}}: {{item.message}}
- </view>
还有一个九九乘法表把数据直接写到wxml里的,并不是动态二维数组的列表渲染。
- <view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="i">
- <view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="j">
- <view wx:if="{{i <= j}}">
- {{i}} * {{j}} = {{i * j}}
- </view>
- </view>
- </view>
那么今天,我们主要来讲讲动态多维数组和对象混合的列表渲染。
讲解
何为多维数组和对象混合,给个很简单的例子
- twoList:[{
- id:1,
- name:'应季鲜果',
- count:1,
- twodata:[{
- 'id':11,
- 'name':'鸡脆骨'
- },{
- 'id':12,
- 'name':'鸡爪'
- }]