这篇文章主要介绍了微信小程序 for 循环详解的相关资料,需要的朋友可以参考下
1,wx:for
在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item 事例如下:
wxml文件:
{{index}}: {{item:one}} js文件: Page({ items:[{ one: "test1", },{ one: "test2" }] })
可以使用wx:for-item指定数组当前元素的变量名
可以使用wx:for-index指定数组当前下标的变量名,事例如下:
wxml文件:
{{id}}: {{name.one}} 下面是一个九九乘法表事例:{{i}}*{{j}} = {{i * j}}
2,block wx:for
iWebShop是一款基于PHP语言及MYSQL数据库开发的B2B2C多用户开源免费的商城系统,系统支持自营和多商家入驻、集成微信商城、手机商城、移动端APP商城、三级分销、视频电商直播、微信小程序等于一体,它可以承载大数据量且性能优良,还可以跨平台,界面美观功能丰富是电商建站首选源码。iWebShop开源商城系统 v5.14 更新日志:新增商品编辑页面规格图片上传优化商品详情页面规格图片与主图切
wx:for用在
{{index}}: {{item}}
效果图如下:

【相关推荐】
1. 微信小程序完整源码下载
2. 微信小程序demo:乐助









