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

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

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

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

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

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

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

相信出这个错误的时候,很多朋友都是摸不着头脑,其实这个是微信小程序开发工具的bug。

当我们右键创建一个目录并创建页面时,开发工具会自动帮我们在app.json文件中pages下创建一个路径配置

如下图:

然后这答喊个时候我们编译,小程序开发工具会给我报出如下世搏错误:

出现这个问题的原因在于第一清返野张图中自动生成的路径多了一个“/”,也就是“/pages/home/home”多了一个“/”,我们只需要将“/”去掉即可。

HTML与WXML:两者差异比较大,如果之前没有接触过Android开发,可能会觉得有些头疼。事实上,WXML更像是Android开发中的界面XML描述文件,适合于程序界面的构建;而HTML则倾向于文章的展示(这与HTML的历史有关),以及互联网页面的构建。

WXSS与CSS:两者在语言上几乎没有差别,可以直接通用。

JS文件:小程序的JS文件与前端开发使用的JS几乎没有区别,只是小程序的JS新增了微信的一些API接口,并去除了一些不必要的功能(如DOM)。

在有眼上,小程序完全向学习成本最低的前端开发看齐,但这不代表所有开发者都能无缝迁移。如果你是从前端开发转向小程序,就要注意这两点:

1、HTML与WXML两种文皮神件的构建思想差异较大,如果之前只接触过前端开发御者,需要一点时间才能适应WXML的编写方法。

2、虽然小程序使用的是前端语言,但不代表可以继续沿用的开发思想进行开发。小程序对前端开发的要求从【构建界面】升级成镇握薯【开发完整应用】,前端开发需要在意识上进行转变。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/8221601.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-14

发表评论

登录后才能评论

评论列表(0条)

保存