小程序 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 循环嵌套的更多相关文章
- 微信小程序wx:for循环
最近做微信小程序碰到了一些问题,和wx:for循环相关,wx:for有很多用途,例如可以用于swiper中图片的循环,也就是所谓的轮播图,也可以用于其它的循环,可以大大地减少代码量. 但wx:for. ...
- 微信小程序——template的循环嵌套
上一篇我们有写到 template的使用方法 .在实际运用中,需要做到template里面再嵌套一层循环.我们先看一下数据结构: 模板是用于循环list,现在的需求是在模板里面嵌套一个orderIte ...
- 小程序wx:for循环列表数量的限制
数据有100条,我们只要页面显示一部分,就要通过index来限制.index<3,就是显示序列0,1,2这三条数据.具体写法: <block wx:for='{{list}}' wx:ke ...
- 微信小程序wepy开发循环wx:for需要注意
微信小程序wepy开发循环wx:for需要注意 item index值必须在wx:for之后使用 <view wx:for="{{tablist}}" class=" ...
- 微信小程序wx.request接口
微信小程序wx.request接口 wx.request是小程序客户端与服务器端交互的接口 HTTPS 请求 一个微信小程序,只能同时(同时不能大于5个)有5个网络请求 wx.request(OBJE ...
- ***小程序wx.getUserInfo不能弹出授权窗口后的解决方案
微信更新api后,wx.getUserInfo在开发和体验版本都不能弹出授权窗口.微信文档说明: 注意:此接口有调整,使用该接口将不再出现授权弹窗,请使用 <button open-type=& ...
- 监控微信小程序wx.request请求失败
在微信小程序里,与后台服务器交互的主要接口函数是wx.request(),用于发起 HTTPS 网络请求.其重要性不言而喻.然而,却经常遇到请求失败的问题,笔者特意谷歌"wx.request ...
- 小程序wx.showToast()方法实现文字换行
小程序wx.showToast()方法实现文字换行 在文字中间加上 '\r\n' 真机中生效 wx.showToast({ title: `换行前内容\r\n换行后内容`, icon: 'none' ...
- 微信小程序wx.showActionSheet调用客服信息功能
微信小程序wx.showActionSheet调用客服消息功能 官方文档的代码: wx.showActionSheet({ itemList: ['A', 'B', 'C'], success (re ...
随机推荐
- 爬虫:Scrapy8 - Item Pipeline
当 Item 在 Spider 中被收集之后,它将会被传递到 Item Pipeline,一些组件会按照一定的顺序执行对 Item 的处理. 每个 item pipeline 组件(有时也称之为“It ...
- linux中帮助参数 man whatis which info区别?
在linux终端,面对命令不知道怎么用,或不记得命令的拼写及参数时,我们需要求助于系统的帮助文档: linux系统内置的帮助文档很详细,通常能解决我们的问题,我们需要掌握如何正确的去使用它们: 在只记 ...
- 在python中如何比较两个float类型的数据是否相等
奇怪的现象 前几天跟同事聊起来,在计算机内部float比较是很坑爹的事情.比方说,0.1+0.2得到的结果竟然不是0.3? >>> 0.1+0.2 0.300000000000000 ...
- ubuntu wifi连接出现Network service discovery disabled的解决办法
修改/etc/default/avahi-daemon,将AVAHI_DAEMON_DETECT_LOCAL从1改为0(关闭avahi) ------------------------------- ...
- 【转发】Build Squid with SSL Bump and ICAP Client
原文文档:http://docs.diladele.com/administrator_guide_3_4/installation_and_removal/filtering_https.html ...
- HDU3605:Marriage Match IV
Marriage Match IV Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others ...
- Nano
Nano命令指南 今天在输命令时,无意中输入了nano,对这个命令不太熟悉,结果不知道如何才能退出,保存,赶快查了一下资料,原来是这样的啊. 打开文件与新建文件 使用nano打开或新建文件,只需键入: ...
- php命名空间与可变函数
命名空间一个最明确的目的就是解决重名问题,PHP中不允许两个函数或者类出现相同的名字,否则会产生一个致命的错误.这种情况下只要避免命名重复就可以解决 对于命名空间,官方文档已经说得很详细[查看],我在 ...
- 转 C++中的static关键字
C++中的static关键字 C++的static有两种用法:面向过程程序设计中的static和面向对象程序设计中的static.前者应用于普通变量和函数,不涉及类:后者主要说明static在类中的作 ...
- OpenGL入门学习(四)
http://blog.csdn.net/sun6255028/article/details/5090055 OpenGL支持两种颜色模式:一种是RGBA,一种是颜色索引模式.无论哪种颜色模式,计算 ...