這次給大家?guī)韜x:for和wx:for-item小程序開發(fā),的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。
wx:for=”{{list}}”用來循環(huán)數(shù)組,而list即為數(shù)組名wx:for-item=”items” 即用來定義一個(gè)循環(huán)過程中每個(gè)元素的變量的
如果是一維數(shù)組,按照如下方式循環(huán)出來:
<view> {{index}} {{item.name}} </view>
以上代碼中,item即為list的別名。
如果是二維甚至多維數(shù)組,按照如下方式循環(huán):
<view> {{item.id}} <view> {{items.name}}{{item.account}} </view></view> for (var i = 0 ; i <p style="text-align: left;">等同于</p><pre class="brush:php;toolbar:false"><view></view>
謹(jǐn)記:wx:for是循環(huán)數(shù)組,wx:for-item即給列表賦別名
以下為幾個(gè)錯(cuò)誤使用,請(qǐng)大家謹(jǐn)慎使用:
1.直接用wx:for-item ,這樣是循環(huán)不出來列表的
<view> {{index}} {{item.name}} </view>
2.子循環(huán)中慎用wx:for-item
<view> {{item.id}} <view> {{items.name}}{{items.account}} </view></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> {{index}} {{item.name}} </view>
以上代碼中,item即為list的別名。
如果是二維甚至多維數(shù)組,按照如下方式循環(huán):
<view> {{item.id}} <view> {{items.name}}{{item.account}} </view></view> for (var i = 0 ; i <p style="text-align: left;">等同于</p><pre class="brush:php;toolbar:false"><view></view>
謹(jǐn)記:wx:for是循環(huán)數(shù)組,wx:for-item即給列表賦別名
以下為幾個(gè)錯(cuò)誤使用,請(qǐng)大家謹(jǐn)慎使用:
1.直接用wx:for-item ,這樣是循環(huán)不出來列表的
<view> {{index}} {{item.name}} </view>
2.子循環(huán)中慎用wx:for-item
<view> {{item.id}} <view> {{items.name}}{{items.account}} </view></view>
相信看了本文案例你已經(jīng)掌握了方法,更多精彩請(qǐng)關(guān)注有卡有網(wǎng)。