這次帶給大家wx:for和wx:for-item小程式開發,的注意事項有哪些,以下就是實戰案例,一起來看一下。
wx:for="{{list}}"
用來循環數組,而list即為數組名wx:for-item="items"
即用來定義一個循環過程中每個元素的變數的
如果是一維數組,按照以下方式循環出來:
<view wx:for="{{list}}"> {{index}} {{item.name}} </view>
以上程式碼中,item即為list的別名。
如果是二維甚至多維數組,請依照下列方式循環:
<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>
謹記:wx:for是迴圈數組,wx:for-item即給列表賦別名
以下為幾個錯誤使用,請大家謹慎使用:
#1.直接用wx:for-item ,這樣是循環不出來列表的
<view wx:for-item="{{list}}"> {{index}} {{item.name}} </view>
2.子迴圈中慎用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}}"用來循環數組,而list即為數組名wx:for-item="items" 即用來定義一個循環過程中每個元素的變數的
如果是一維數組,依下列方式循環出來:
<view wx:for="{{list}}"> {{index}} {{item.name}} </view>
以上程式碼中,item即為list的別名。
如果是二維甚至多維數組,請依照下列方式循環:
<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>
謹記:wx:for是迴圈數組,wx:for-item即給列表賦別名
以下為幾個錯誤使用,請大家謹慎使用:
#1.直接用wx:for-item ,這樣是循環不出來列表的
<view wx:for-item="{{list}}"> {{index}} {{item.name}} </view>
2.子循環中慎用wx:for-item
<view wx:for="{{parentList}}"> {{item.id}} <view wx:for-item="{{item.childList}}" wx:for-item="items"> {{items.name}}{{items.account}} </view>
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
在實戰專案中怎樣使用webpack react antd腳手架
以上是wx:for和wx:for-item小程式開發的詳細內容。更多資訊請關注PHP中文網其他相關文章!