微信小程序新手教程之for循壞設(shè)置
微信小程序新手教程之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)啟你的嗨圖之旅吧!

相關(guān)文章:
1. 微信小程序怎么開(kāi)發(fā)?從零開(kāi)始,教你開(kāi)發(fā)微信小程序2. 實(shí)用微信小程序有哪些?實(shí)用微信小程序推薦!3. 微信小程序職業(yè)開(kāi)發(fā)大賽線下決賽最高獲獎(jiǎng)120萬(wàn)!4. Spring Boot實(shí)現(xiàn)微信小程序登錄5. 微信小程序公開(kāi)課Pro課堂講了什么?微信小程序公開(kāi)課Pro課堂筆記分享!6. 微信小程序新手教程之學(xué)習(xí)開(kāi)發(fā)小技巧7. 微信小程序功能直達(dá)有什么用?微信小程序功能直達(dá)介紹!8. 不懂代碼怎么制作微信小程序?微信小程序快速開(kāi)發(fā)工具9. 支付寶和百度小程序能夠撼動(dòng)微信小程序的地位嗎?支付寶和百度小程序是否可以撼動(dòng)微信小程序地位?10. 微信小程序又增加功能?微信小程序新增的功能介紹!

網(wǎng)公網(wǎng)安備