微信小程序數(shù)據(jù)遍歷的實(shí)現(xiàn)

更新時(shí)間：2017年04月05日 14:41:30 投稿：lqh

這篇文章主要介紹了微信小程序數(shù)據(jù)遍歷的實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下

制作數(shù)據(jù)遍歷的步驟

在index.js中加入數(shù)據(jù)。

在index.wxml中讀取數(shù)據(jù)。

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

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

　　這兩個(gè)項(xiàng)也可以不指定，默認(rèn)數(shù)組的當(dāng)前項(xiàng)的下標(biāo)變量名默認(rèn)為index，數(shù)組當(dāng)前項(xiàng)的變量名默認(rèn)為item。

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

<block wx:for="{{[1, 2, 3]}}">
　　<view> {{index}}: </view>
　　<view> {{item}} </view>
　　</block>

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

相關(guān)文章

3分鐘精通高階前端隨手寫TS插件
這篇文章主要為大家介紹了3分鐘精通高階前端隨手寫TS插件的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
微信小程序 Image組件實(shí)例詳解
這篇文章主要介紹了微信小程序 Image組件實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
2016-09-09
javascript實(shí)現(xiàn)字典Dictionary示例基礎(chǔ)
這篇文章主要為大家介紹了javascript實(shí)現(xiàn)字典Dictionary基礎(chǔ)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-08-08
微信小程序開發(fā)之頂部導(dǎo)航欄實(shí)例代碼
這篇文章主要介紹了微信小程序開發(fā)之頂部導(dǎo)航欄實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2017-02-02
可輸入的下拉框
可輸入的下拉框...
2006-06-06
微信小程序利用css實(shí)現(xiàn)遮罩效果實(shí)例詳解
這篇文章主要介紹了微信小程序利用css實(shí)現(xiàn)遮罩效果實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
2017-01-01
這篇文章主要介紹了微信公眾號菜單配置微信小程序?qū)嵗斀獾南嚓P(guān)資料,需要的朋友可以參考下
2017-03-03