微信小程序wx:for和wx:for-item的用法詳解
wx:for="{{list}}"用來循環(huán)數(shù)組，而list即為數(shù)組名wx:for-item="items" 即用來定義一個(gè)循環(huán)過程中每個(gè)元素的變量的
如果是一維數(shù)組,按照如下方式循環(huán)出來：
<view wx:for="{{list}}">
{{index}} {{item.name}}
</view>
以上代碼中，item即為list的別名。
如果是二維甚至多維數(shù)組，按照如下方式循環(huán)：
<view wx:for="{{parentList}}">
{{item.id}}
<view wx:for="{{item.childList}}" wx:for-item="items">
{{items.name}}{{item.account}}
</view>
</view>
for (var i = 0 ; i < list.length; i++) {
var xxx = list[i];
}
等同于
<view wx:for="{{list}}" wx:for-item="xxx"></view>
謹(jǐn)記：wx:for是循環(huán)數(shù)組，wx:for-item即給列表賦別名
以下為幾個(gè)錯(cuò)誤使用，請(qǐng)大家謹(jǐn)慎使用：
1.直接用wx:for-item ，這樣是循環(huán)不出來列表的
<view wx:for-item="{{list}}">
{{index}} {{item.name}}
</view>
2.子循環(huán)中慎用wx:for-item
<view wx:for="{{parentList}}">
{{item.id}}
<view wx:for-item="{{item.childList}}" wx:for-item="items">
{{items.name}}{{items.account}}
</view>
微信小程序wx:for和wx:for-item的正確用法
wx:for="{{list}}"用來循環(huán)數(shù)組，而list即為數(shù)組名wx:for-item="items" 即用來定義一個(gè)循環(huán)過程中每個(gè)元素的變量的
如果是一維數(shù)組,按照如下方式循環(huán)出來：
<view wx:for="{{list}}">
{{index}} {{item.name}}
</view>
以上代碼中，item即為list的別名。
如果是二維甚至多維數(shù)組，按照如下方式循環(huán)：
<view wx:for="{{parentList}}">
{{item.id}}
<view wx:for="{{item.childList}}" wx:for-item="items">
{{items.name}}{{item.account}}
</view>
</view>
for (var i = 0 ; i < list.length; i++) {
var xxx = list[i];
}
等同于
<view wx:for="{{list}}" wx:for-item="xxx"></view>
謹(jǐn)記：wx:for是循環(huán)數(shù)組，wx:for-item即給列表賦別名
以下為幾個(gè)錯(cuò)誤使用，請(qǐng)大家謹(jǐn)慎使用：
1.直接用wx:for-item ，這樣是循環(huán)不出來列表的
<view wx:for-item="{{list}}">
{{index}} {{item.name}}
</view>
2.子循環(huán)中慎用wx:for-item
<view wx:for="{{parentList}}">
{{item.id}}
<view wx:for-item="{{item.childList}}" wx:for-item="items">
{{items.name}}{{items.account}}
</view>
總結(jié)
以上所述是小編給大家介紹的微信小程序wx:for和wx:for-item的用法詳解，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
相關(guān)文章
本篇文章主要介紹了微信小程序之多文件下載的簡單封裝示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
JavaScript設(shè)置名字輸入不合法的實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript設(shè)置名字輸入不合法的方法,需要的朋友可以參考下2017-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡單搜索功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
簡單js代碼實(shí)現(xiàn)selece二級(jí)聯(lián)動(dòng)(推薦)
這篇文章主要介紹了簡單js代碼實(shí)現(xiàn)selece二級(jí)聯(lián)動(dòng)的簡單實(shí)例。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
如何在面試中手寫出javascript節(jié)流和防抖函數(shù)
這篇文章主要介紹了如何在面試中手寫出javascript節(jié)流和防抖函數(shù),文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-10-10
這篇文章主要介紹了點(diǎn)評(píng)js異步加載的4種方式，幫助大家更全面的了解js異步加載方式，感興趣的小伙伴們可以參考一下2015-12-12
原生JS實(shí)現(xiàn)簡單的倒計(jì)時(shí)功能示例
這篇文章主要介紹了原生JS實(shí)現(xiàn)簡單的倒計(jì)時(shí)功能,涉及javascript基于定時(shí)器的日期時(shí)間運(yùn)算與頁面元素屬性動(dòng)態(tài)修改相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
最近遇到的需求,把html轉(zhuǎn)成pdf文件下載導(dǎo)出,下面這篇文章主要給大家介紹了關(guān)于js將html頁面轉(zhuǎn)為pdf的兩種方法,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了JavaScript中的偽數(shù)組用法及說明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-02-02
探究Javascript模板引擎mustache.js使用方法
這篇文章主要為大家介紹了Javascript模板引擎mustache.js使用方法，mustache.js是一個(gè)簡單強(qiáng)大的Javascript模板引擎，使用它可以簡化在js代碼中的html編寫，壓縮后只有9KB，非常值得在項(xiàng)目中使用，感興趣的小伙伴們可以參考一下2016-01-01