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

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

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

微信小程序 wxml文件中嵌套循环_第1张图片

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

微信小程序 wxml文件中嵌套循环_第2张图片

3、绑定一层的shopList数据, .wxml文件:

微信小程序 wxml文件中嵌套循环_第3张图片

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

微信小程序 wxml文件中嵌套循环_第4张图片

最开始循环获取到数据后,总以为需要嵌套循环出二层数组对象,并分别绑定数据。兜兜转转绕了一大圈,发现只要将一级数组循环获取到,二层数组对象直接“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特性

  • 重新思考单元测试

  • 不要争了!技术选择没那么重要

你可能感兴趣的:(微信小程序,微信小程序)