微信小程序 for循环说明

普通遍历

<!-- wx:for-item 和wx:for-index只指定变量名所以不用双花号 -->
<view wx:for="{{data}}" wx:for-item="item" wx:for-index="index">
    {{item1.name}}
</view>

多重遍历

<!-- 多重遍历关键是指定wx:for-item 和wx:for-index 避免混淆 -->
<view wx:for="{{data}}" wx:for-item="item" wx:for-index="index">
    <view>
        <view wx:for="{{item}}" wx:for-item="item1" wx:for-index="index1">
            {{item1.name}}
        </view>
    </view>
</view>

单选框

<radio-group class="radio-group" bindchange="radioChange">
    <radio class="radio" wx:for-items="{{items}}" wx:key="name" value="{{item.name}}" checked="{{item.checked}}">
        <text>{{item.value}}</text>
    </radio>
</radio-group>

多选框

<checkbox-group bindchange="checkboxChange">
  <label class="checkbox" wx:for="{{items}}">
    <checkbox value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}
  </label>
</checkbox-group>
本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。
原文地址:https://www.cnblogs.com/yamboo/p/13889678.html