微信小程序 for循环说明

最新推荐文章于 2024-09-30 12:58:13 发布

文竹、文竹

最新推荐文章于 2024-09-30 12:58:13 发布

阅读量62

点赞数

文章标签：微信小程序 notepad++ 小程序

本文链接：https://blog.csdn.net/abcdefg202005/article/details/133042448

版权

普通遍历

<!-- 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>