微信小程序for循环怎么用-创新互联

这篇文章将为大家详细讲解有关微信小程序for循环怎么用，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

10年积累的做网站、网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计制作后付款的网站建设流程，更有岗巴免费网站建设让你可以放心的选择与我们合作。

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

wx:for用在标签上，以渲染一个包含多节点的结构块。例如：


 {{index}}: 
 {{item}}

关于“微信小程序for循环怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

文章标题：微信小程序for循环怎么用-创新互联
网页网址：http://cqcxhl.cn/article/dgojds.html