1、单层数组的遍历
单层的数据遍历很简单,根据微信小程序文档提供的demo来就行了。
比如循环这组数据,并展示出其中的order_no这个字段:
<view class='item' wx:for="{{list}}" wx:key="{{i}}">//wx:for="{{这里是要循环的数组}}" wx:key={{i}}这个的作用就是给数组唯一的标识。
<view>{{item.order_no}}</view>//item就是数组的每一项,index就是数组的下标(如果是对象就是对象的属性名)
</view>
2、双层数组循环嵌套
小程序的wx:for列表循环所提供的变量是固定的item和index 如果是双层循环的话,出现了两个item和两个index,这样子就分不清楚了。需要用到wx:for-item 和 wx:for-index(自定义下标和值的变量)
如果内层循环需要用到外层循环的下标:
在第一层循环里使用wx:for-index="自定义的下标变量"
<view class='item' wx:for="{{list}}" wx:key="{{i}}" wx:for-index="Gindex">
<view wx:for="{{item.contract}}">
外层的下标:{{Gindex}}
内层的下标:{{index}}
</view>
</view>
如果需要遍历双层数据:
如果要遍历上图数据中的数组每一项中的contract的对象。
在第二层循环里使用wx:for-item="自定义值的变量";
<view class='item' wx:for="{{list}}" wx:key="{{i}}" wx:for-index="Gindex">
<view wx:for="{{item.contract}}" wx:key="{{i}}" wx:for-item="twodata">
<view>外层的下标:{{Gindex}}</view>
<view>内层的数据:{{twodata}}</view>
</view>
</view>