微信小程序for循环怎么用

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

我们提供的服务有:网站制作、成都做网站、微信公众号开发、网站优化、网站认证、随县ssl等。为1000+企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的随县网站制作公司

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://azwzsj.com/article/jgijpj.html