这篇文章主要介绍了微信小程序 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文件:
CRMEB打通版是一款全开源支持免费商用的PHP 多语言商城系统;CRMEB技术团队历经6年时间匠心之作!系统采用前后端分离技术,基于TP6+Uni-app框架开发;客户移动端采用uni-app开发,管理后台前端使用iviewUI开发。系统支持微信公众号端、微信小程序端、H5端、PC端多端账号同步,可快速打包生成APP;赋能开发者,减少重复造轮子;系统支持自动检查安装环境一键安装部署,使用简单方便
{{id}}: {{name.one}} 下面是一个九九乘法表事例:{{i}}*{{j}} = {{i * j}}
2,block wx:for
wx:for用在
{{index}}: {{item}}
效果图如下:

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!










