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>
    本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。
  • 相关阅读:
    html语法
    mysql常见的使用语法
    文件相关命令
    linux文件管理
    mysql常见名词解释
    MySQL初识
    文件管理
    并发基础知识3
    Bash shell初识
    【Spring Boot】ActiveMQ 发布/订阅消息模式介绍
  • 原文地址:https://www.cnblogs.com/yamboo/p/13889678.html
Copyright © 2011-2022 走看看