zoukankan      html  css  js  c++  java
  • 微信小程序 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>
    本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。
  • 相关阅读:
    RedHat Linux-配置YUM仓库
    04、管道符、重定向与环境变量
    03、新手必须掌握的Linux命令
    size_t
    decltype关键字
    python numpy使用笔记
    Huffman编码
    动态规划(dynamic programming)
    Prim算法
    Kruskal算法
  • 原文地址:https://www.cnblogs.com/yamboo/p/13889678.html
Copyright © 2011-2022 走看看