微信小程序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://hbruida.cn/article/dgojds.html