快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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

其他资讯