微信小程序數(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)文章

關(guān)于JavaScript輪播圖的實(shí)現(xiàn)
這篇文章主要介紹了關(guān)于JavaScript輪播圖的實(shí)現(xiàn),下面文章主要是利用利用html 和 css 代碼實(shí)現(xiàn)輪播圖，詳細(xì)內(nèi)容請參考下面詳細(xì)內(nèi)容，希望對你有所幫助
2021-11-11
JS前端中的設(shè)計(jì)模式和使用場景示例詳解
這篇文章主要為大家介紹了JS前端中的設(shè)計(jì)模式和使用場景示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
在網(wǎng)頁中控制wmplayer播放器
在網(wǎng)頁中控制wmplayer播放器...
2006-07-07
JS實(shí)現(xiàn)layui?table篩選框記憶功能
這篇文章主要介紹了JS實(shí)現(xiàn)layui?table篩選框記憶功能,本案例放入本地緩存的方式，使用MutationObserver實(shí)現(xiàn)監(jiān)控點(diǎn)擊事件，需要的朋友可以參考下
2022-01-01
基于遷移學(xué)習(xí)的JS目標(biāo)檢測器構(gòu)建過程詳解
這篇文章主要為大家介紹了基于遷移學(xué)習(xí)的JS目標(biāo)檢測器構(gòu)建過程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
arcgis?js完整懸停效果實(shí)現(xiàn)demo
這篇文章主要為大家介紹了arcgis?js完整懸停效果實(shí)現(xiàn)demo詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-02-02
不可變數(shù)據(jù)方案之immer.js原理解析
這篇文章主要為大家介紹了不可變數(shù)據(jù)方案之immer.js原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-02-02
JavaScript前端面試組合函數(shù)
這篇文章主要為大家介紹了JavaScript前端面試組合函數(shù)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-06-06
深入講解JavaScript之繼承的多種方式和優(yōu)缺點(diǎn)
本文講主要解JavaScript各種繼承方式和優(yōu)缺點(diǎn)，文章將六種繼承方式說明，分別有原型鏈繼承、借用構(gòu)造函數(shù)(經(jīng)典繼承)、組合繼承、原型式繼承、寄生式繼承、寄生組合式繼承，這六種方式,需要的朋友可以參考一下
2021-10-10
微信小程序本地圖片按照屏幕尺寸處理
這篇文章主要介紹了微信小程序本地圖片按照屏幕尺寸處理的相關(guān)資料,這里提供具體實(shí)現(xiàn)步驟，需要的朋友可以參考下
2017-08-08