微信小程序 數(shù)據(jù)遍歷的實現(xià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)的變量名
這兩個項也可以不指定,默認數(shù)組的當(dāng)前項的下標(biāo)變量名默認為index,數(shù)組當(dāng)前項的變量名默認為item。
類似block wx:if,也可以將wx:for用在標(biāo)簽上,以渲染一個包含多節(jié)點的結(jié)構(gòu)塊。例如:
<block wx:for="{{[1, 2, 3]}}"> <view> {{index}}: </view> <view> {{item}} </view> </block>
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
關(guān)于JavaScript輪播圖的實現(xiàn)
這篇文章主要介紹了關(guān)于JavaScript輪播圖的實現(xiàn),下面文章主要是利用利用html 和 css 代碼實現(xiàn)輪播圖,詳細內(nèi)容請參考下面詳細內(nèi)容,希望對你有所幫助2021-11-11基于遷移學(xué)習(xí)的JS目標(biāo)檢測器構(gòu)建過程詳解
這篇文章主要為大家介紹了基于遷移學(xué)習(xí)的JS目標(biāo)檢測器構(gòu)建過程詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-03-03深入講解JavaScript之繼承的多種方式和優(yōu)缺點
本文講主要解JavaScript各種繼承方式和優(yōu)缺點,文章將六種繼承方式說明,分別有原型鏈繼承、借用構(gòu)造函數(shù)(經(jīng)典繼承)、組合繼承、原型式繼承、寄生式繼承、 寄生組合式繼承,這六種方式,需要的朋友可以參考一下2021-10-10