微信小程序新手教程之for循壞設(shè)置，本篇默認(rèn)已經(jīng)成功安裝微信小程序工具，來(lái)和小編一起看看吧

1，wx:for

在組件上使用wx:for控制屬性綁定一個(gè)數(shù)組，即可使用數(shù)組中各項(xiàng)的數(shù)據(jù)重復(fù)渲染該組件。默認(rèn)數(shù)組的當(dāng)前項(xiàng)的下標(biāo)變量名默認(rèn)為index，數(shù)組當(dāng)前項(xiàng)的變量名默認(rèn)為item 事例如下：

wxml文件:

{{index}}: {{item:one}}

js文件：

Page({

items:[{

one: "test1",

},{

one: "test2"

}]

})

可以使用wx:for-item指定數(shù)組當(dāng)前元素的變量名

可以使用wx:for-index指定數(shù)組當(dāng)前下標(biāo)的變量名，事例如下：

wxml文件：

{{id}}: {{name.one}}

下面是一個(gè)九九乘法表事例：

{{i}}*{{j}} = {{i * j}}

2，block wx:for

wx:for用在標(biāo)簽上，以渲染一個(gè)包含多節(jié)點(diǎn)的結(jié)構(gòu)塊。例如：

{{index}}:

{{item}}

效果圖如下：

嗨圖功能

1、專(zhuān)題——DIY圖片的模板，點(diǎn)擊可以生成使用，分享到朋友圈。

2、分享墻——用戶上傳的自己DIY作品。

3、立即制作——可以用自己的圖來(lái)DIY。

4、告訴我——告訴產(chǎn)品的改進(jìn)，內(nèi)容的增加。

想要體驗(yàn)怎么制作屬于自己個(gè)性朋友圈照片的用戶，掃一掃下面的二維碼就可以啦!還等什么，趕緊掃碼體驗(yàn)，開(kāi)啟你的嗨圖之旅吧!