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

小编推荐：Fundebug专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公司都在使用。

1、服务器获取到的数组中嵌套对象组成的数组，控制台输出：

2、解析并绑定服务器获取到的数据，.js文件：

3、绑定一层的shopList数据， .wxml文件：

4、绑定shopList数组中的二层equips数据，.wxml文件中只需要item.equips即可

最开始循环获取到数据后，总以为需要嵌套循环出二层数组对象，并分别绑定数据。兜兜转转绕了一大圈，发现只要将一级数组循环获取到，二层数组对象直接“item.xxx”就可以在wxml文件中直接进行数据绑定了。

作者：圆圆小宇宙
链接：https://www.jianshu.com/p/deaed08d1d5d
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

你可能感兴趣的

黑科技！Fundebug支持网页录屏!
Async/Await替代Promise的6个理由
30个极大提高开发效率的VS Code插件
10个JavaScript难点
2018前端工程师成长路线图
Source Map入门教程
2018年最值得关注的30个Vue开源项目
10个最佳ES6特性
重新思考单元测试
不要争了！技术选择没那么重要

微信小程序 wxml文件中嵌套循环相关推荐

微信小程序C语言通讯录,微信小程序のwxml列表渲染
列表渲染存在的意义以电商为例,我们希望渲染5个商品,而又希望容易改变,我们就要在wxml中动态添加. {{index+1}}:{{item.name}} Page({ data: { message ...
微信小程序-WXML转换类型
微信小程序-WXML转换类型情景:需要在WXML中把字符串转化成数字类型解决:引入WXS wxs是小程序的一套脚本语言,结合wxml,可以构建出页面的结构. wxs不依赖于运行时的基础库版本,可以 ...
微信小程序的冥冥中拥有的小细节
1.微信小程序的多目运算符 {{问题一?问题一成功:(问题一失败且判断)?问题二成功:问题二失败}} 2.关于微信小程序分包小程序分包,一个包不能超过2m,不能超过8个分包,主包不能超过2m 3.微 ...
微信小程序使用vant-weapp中的索引栏右侧点不动，滚定索引失效问题
微信小程序使用vant-weapp中的索引栏右侧点不动,滚定索引失效问题 vant的索引栏只要使用了定位,或者自定义头部,那么vant的索引栏就会出现各种BUG,基本不能用,这里我是基本重新写了一个 ...
小程序php文档,微信小程序API 文件
微信小程序API 文件 wx.saveFile(OBJECT) 保存文件到本地. OBJECT参数说明: 示例代码:wx.startRecord({ success: function(res) { ...
微信小程序删除文件Page剩余
微信小程序删除文件Page剩余问题对于文件夹无法通过右键将文件夹及其包含Page删除. 手动一一删除后重新编译, 会自动生成该文件的WXML页面与JavaScript页面, 无法删除. 解决删除 ...
微信小程序 - 下载文件到本地、打开文档
前言需求场景描述:接口获取到服务器的文件地址,然后在小程序中下载文件到本地手机上.根据文件格式,下载类型分为下面四种情况: 下载图片到本地下载视频到本地打开文档,支持格式:doc, xls, p ...
微信小程序input框中加入小图标的实现方法
最近入坑小程序,要求在小程序的输入框中展示一个小图标,页面如下: 然后按照,html页面中的做法,在input框中添加了background-image属性,出乎意料的事,小程序报了下边这样一个错误: ...
Flask与微信小程序之文件上传与显示
文章目录 Flask与微信小程序之文件上传与显示背景 flask_uploads应用 flask_uploads的使用步骤 1 安装flask-uploads模块 2 在文件夹中导入需要用到的库 3 ...

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

微信小程序 wxml文件中嵌套循环相关推荐

最新文章

热门文章