json数据:

[//library-6F
    [//library-6F-601
      [//id:1-1 ,8(Y/N),9(Y/N)……21(Y/N)
        'Y','Y','Y','N','Y','N','N','Y','Y','Y','Y','Y','Y'
      ],
      [
        'Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y'
      ],
      [
        'Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y'
      ],
      [
        'Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y'
      ],
      [
        'Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y'
      ],
      [
        'Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y','Y'
      ],
    ]
  ],

wxml:

<view class="flex-wrp">
  <view class="td flex-item time" style="flex-direction:column;">
    <block wx:for="{{timeId}}">
      <view>{{item}}</view>
    </block>
  </view>
  <block wx:for="{{seatId}}">//得益于从这里获得的index
    <view class="td flex-item" style="flex-direction:column;">{{item}}
      <block wx:for="{{library[0][0][index]}}" wx:for-item="YN">   //index
        <view>
          <image src="../images/{{YN}}.png" style="width:20px;height:20px;"></image>
        </view>
      </block>
    </view>
  </block>
</view>

{{变量}}

我想要的效果,在变量中再套个变量{{library[ 0 ][ 0 ][ i ]}}。变量分别读取  library[0][0][0],  library[0][0][1], library[0][0][2], library[0][0][3],library[0][0][4], library[0][0][5]。

不知道如何把这个变量 i 放进去,最后发现自己要的变量可以通过上面for循环{{seatId}}的index来获得。也算是解决这个问题的一个方向。

多学习,多进步,共勉

有想招应届生前端的请联系我,努力,有兴趣,愿意学习呀ԅ(¯㉨¯ԅ)

【表情】

小程序 wx:for 循环嵌套的更多相关文章

  1. 微信小程序wx:for循环

    最近做微信小程序碰到了一些问题,和wx:for循环相关,wx:for有很多用途,例如可以用于swiper中图片的循环,也就是所谓的轮播图,也可以用于其它的循环,可以大大地减少代码量. 但wx:for. ...

  2. 微信小程序——template的循环嵌套

    上一篇我们有写到 template的使用方法 .在实际运用中,需要做到template里面再嵌套一层循环.我们先看一下数据结构: 模板是用于循环list,现在的需求是在模板里面嵌套一个orderIte ...

  3. 小程序wx:for循环列表数量的限制

    数据有100条,我们只要页面显示一部分,就要通过index来限制.index<3,就是显示序列0,1,2这三条数据.具体写法: <block wx:for='{{list}}' wx:ke ...

  4. 微信小程序wepy开发循环wx:for需要注意

    微信小程序wepy开发循环wx:for需要注意 item index值必须在wx:for之后使用 <view wx:for="{{tablist}}" class=" ...

  5. 微信小程序wx.request接口

    微信小程序wx.request接口 wx.request是小程序客户端与服务器端交互的接口 HTTPS 请求 一个微信小程序,只能同时(同时不能大于5个)有5个网络请求 wx.request(OBJE ...

  6. ***小程序wx.getUserInfo不能弹出授权窗口后的解决方案

    微信更新api后,wx.getUserInfo在开发和体验版本都不能弹出授权窗口.微信文档说明: 注意:此接口有调整,使用该接口将不再出现授权弹窗,请使用 <button open-type=& ...

  7. 监控微信小程序wx.request请求失败

    在微信小程序里,与后台服务器交互的主要接口函数是wx.request(),用于发起 HTTPS 网络请求.其重要性不言而喻.然而,却经常遇到请求失败的问题,笔者特意谷歌"wx.request ...

  8. 小程序wx.showToast()方法实现文字换行

    小程序wx.showToast()方法实现文字换行 在文字中间加上  '\r\n' 真机中生效 wx.showToast({ title: `换行前内容\r\n换行后内容`, icon: 'none' ...

  9. 微信小程序wx.showActionSheet调用客服信息功能

    微信小程序wx.showActionSheet调用客服消息功能 官方文档的代码: wx.showActionSheet({ itemList: ['A', 'B', 'C'], success (re ...

随机推荐

  1. 爬虫:Scrapy8 - Item Pipeline

    当 Item 在 Spider 中被收集之后,它将会被传递到 Item Pipeline,一些组件会按照一定的顺序执行对 Item 的处理. 每个 item pipeline 组件(有时也称之为“It ...

  2. linux中帮助参数 man whatis which info区别?

    在linux终端,面对命令不知道怎么用,或不记得命令的拼写及参数时,我们需要求助于系统的帮助文档: linux系统内置的帮助文档很详细,通常能解决我们的问题,我们需要掌握如何正确的去使用它们: 在只记 ...

  3. 在python中如何比较两个float类型的数据是否相等

    奇怪的现象 前几天跟同事聊起来,在计算机内部float比较是很坑爹的事情.比方说,0.1+0.2得到的结果竟然不是0.3? >>> 0.1+0.2 0.300000000000000 ...

  4. ubuntu wifi连接出现Network service discovery disabled的解决办法

    修改/etc/default/avahi-daemon,将AVAHI_DAEMON_DETECT_LOCAL从1改为0(关闭avahi) ------------------------------- ...

  5. 【转发】Build Squid with SSL Bump and ICAP Client

    原文文档:http://docs.diladele.com/administrator_guide_3_4/installation_and_removal/filtering_https.html ...

  6. HDU3605:Marriage Match IV

    Marriage Match IV Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others ...

  7. Nano

    Nano命令指南 今天在输命令时,无意中输入了nano,对这个命令不太熟悉,结果不知道如何才能退出,保存,赶快查了一下资料,原来是这样的啊. 打开文件与新建文件 使用nano打开或新建文件,只需键入: ...

  8. php命名空间与可变函数

    命名空间一个最明确的目的就是解决重名问题,PHP中不允许两个函数或者类出现相同的名字,否则会产生一个致命的错误.这种情况下只要避免命名重复就可以解决 对于命名空间,官方文档已经说得很详细[查看],我在 ...

  9. 转 C++中的static关键字

    C++中的static关键字 C++的static有两种用法:面向过程程序设计中的static和面向对象程序设计中的static.前者应用于普通变量和函数,不涉及类:后者主要说明static在类中的作 ...

  10. OpenGL入门学习(四)

    http://blog.csdn.net/sun6255028/article/details/5090055 OpenGL支持两种颜色模式:一种是RGBA,一种是颜色索引模式.无论哪种颜色模式,计算 ...