|
導讀微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。小程序是一種不用下載就能使用的應用,也是一... 微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。小程序是一種不用下載就能使用的應用,也是一項門檻非常高的創新,經過將近兩年的發展,已經構造了新的小程序開發環境和開發者生態。 這次給大家帶來wx:for和wx:for-item小程序開發,的注意事項有哪些,下面就是實戰案例,一起來看一下。
如果是一維數組,按照如下方式循環出來: <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中文網其它相關文章! 小程序是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。 |
溫馨提示:喜歡本站的話,請收藏一下本站!