微信小程序 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>

 

posted @ 2020-10-28 10:41  sunyheart  阅读(1240)  评论(0编辑  收藏  举报