zoukankan      html  css  js  c++  java
  • 小程序循环

    小程序for循环

    wxml    (没有 wx:key="index"  会有警告)

    <!-- 写法一 -->
    <view wx:for="{{arr}}" wx:key="index">{{item}} -- {{index}}</view>
    <!-- 写法二 -->
    <view wx:for="{{arr}}" wx:key="index" wx:for-item="v" wx:for-index="y">{{v}}----------{{y}}</view>
    <!-- 写法三 -->
    <view wx:for="{{[7,8,9]}}" wx:key="index">{{item}}</view>
    <!-- index为循环的数组的下标 -->
    
    
    <view wx:for="{{book}}" wx:key="index">{{item.bookName}}->{{item.ren}}</view>

    js

      data: {
        arr:[1,2,3,4,5,6],
        book:[
          {
            bookName:"聊斋",
            ren:"蒲松龄"
          },{
            bookName:"红楼梦",
            ren:"曹雪芹"
          }
        ]
      },

     双层for循环

    js

      data: {
        book:[
          [
            {
              bookName: "聊斋",
              ren: "蒲松龄"
            }, {
              bookName: "红楼梦",
              ren: "曹雪芹"
            }
          ],
          [
            {
              bookName:"三国演义",
              ren:"罗贯中"
            },
            {
              bookName:"水浒传",
              ren:"施耐庵"
            }
          ],
          [
            {
              bookName:"西游记",
              ren:"吴承恩"
            },
            {
              bookName:"莽荒纪",
              ren:"我吃西红柿"
            }
          ]
        ]
      },

    wxml   (没有 wx:key="index"  会有警告)

    <view wx:for="{{book}}" wx:key="index">
    <view wx:for="{{item}}" wx:for-item="c" wx:key="index">
      <!-- 另外一种写法 <view wx:for="{{book[index]}}" wx:for-item="c" wx:key="index"> -->
        <view>{{c.bookName}} -> {{c.ren}} </view>
      </view>
    </view>

    多层for循环类似于双层for循环

  • 相关阅读:
    Django ——Timezone 处理
    orm
    MySql系列之初识
    python并发编程之IO模型
    并发编程之协程
    GIL解释锁及进程池和线程池
    线程的互斥锁、递归锁及信号量
    守护、互斥锁、IPC和生产者消费者模型
    并发编程基础(进程)
    网络编程
  • 原文地址:https://www.cnblogs.com/xiaoyaolang/p/11951303.html
Copyright © 2011-2022 走看看