小程序 wx:for 循环嵌套

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序 wx:for 循环嵌套相关的知识,希望对你有一定的参考价值。

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 循环嵌套的主要内容,如果未能解决你的问题,请参考以下文章

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

微信小程序多层嵌套循环,二级数组遍历

小程序初体验

微信小程序开发——列表渲染 & 条件渲染 & tabBar & 页面跳转

微信小程序 wxml文件中嵌套循环

微信小程序wx:for循环的用法