微信小程序中頁面FOR循環(huán)和嵌套循環(huán)
更新時間：2017年06月21日 11:14:50 投稿：lqh
這篇文章主要介紹了微信小程序中頁面FOR循環(huán)和嵌套循環(huán)的相關(guān)資料,需要的朋友可以參考下
微信小程序中頁面FOR循環(huán)和嵌套循環(huán)
單個循環(huán)
<view wx:for="{{pinpaiTishi}}" wx:key="{{xxx}}">
<view wx:if="{{item.name!=null}}" wx:key="{{xxxx}}">
//判斷name是否為null
<view class="tr">
<view class="td-left"></view>
<view class="td-right">
<view bindtap="onclickByPinpai" data-name="{{item.name}}" class="tishi">{{item.name}}</view>
綁定的方法 參數(shù)值
</view>
</view>
</view>
</view>
嵌套循環(huán)
<view class="pad10" wx:for="{{twoList}}" wx:key="{{xxx}}">
<view>
{{index+1}}、{{item.name}}
</view>
<!--二次嵌套循環(huán)-->
<view wx:for="{{item.XXX}}" wx:for-item="XXXX" wx:key="XXXX">
----{{XXXX.name}}
</view>
</view>
如果缺少 wx:key 頁面在調(diào)試下可以看到黃色警告信息
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
您可能感興趣的文章:
相關(guān)文章
微信小程序網(wǎng)絡(luò)請求wx.request詳解及實例
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)請求wx.request詳解及實例的相關(guān)資料,需要的朋友可以參考下2017-05-05
這篇文章主要為大家介紹了JS作用域作用鏈及this使用原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
微信小程序 定義全局?jǐn)?shù)據(jù)、函數(shù)復(fù)用、模版等詳細(xì)介紹
這篇文章主要介紹了微信小程序 定義全局?jǐn)?shù)據(jù)、函數(shù)復(fù)用、模版等詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-10-10
解密效果...2006-06-06
本文主要介紹Google 地圖API Key,開發(fā)Google 地圖應(yīng)用的朋友都知道,在開發(fā)的前需要免費的Google 地圖API Key,這里詳細(xì)給出獲得API Key的流程,有需要的小伙伴參考下2016-08-08
這篇文章主要介紹了在js中修改html body的樣式，下面文章圍繞js修改html 和body樣式的相關(guān)資料展開詳細(xì)內(nèi)容,需要的朋友可以參考一下，希望對大家有所幫助2021-11-11
這篇文章主要介紹了微信小程序 列表渲染的相關(guān)資料,并附簡單代碼實例，需要的朋友可以參考下2016-10-10
這篇文章主要為大家介紹了面試手寫實現(xiàn)Promise.all過程示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
TypeScript中Module使用區(qū)別及模塊路徑解析規(guī)則
這篇文章主要為大家介紹了TypeScript中Module使用區(qū)別及模塊路徑解析規(guī)則，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
詳解lodash中的cloneDeep使用細(xì)節(jié)
這篇文章主要為大家介紹了詳解lodash中的cloneDeep使用細(xì)節(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01