微信小程序中頁面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)文章
這篇文章主要介紹了微信小程序 解決swiper不顯示圖片的方法的相關(guān)資料,本文對swiper不顯示圖片，進行了幾種方法排查，根據(jù)我所遇到的問題提供了該如何解決，需要的朋友可以參考下2017-01-01
這篇文章主要介紹了微信小程序 Template詳解及簡單實例的相關(guān)資料,需要的朋友可以參考下2017-01-01
這篇文章主要為大家介紹了Parcel配置public靜態(tài)文件目錄實現(xiàn)過程解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
這篇文章主要介紹了微信小程序 彈幕功能簡單實例的相關(guān)資料,需要的朋友可以參考下2017-02-02
這篇文章主要為大家介紹了js實現(xiàn)兔年轉(zhuǎn)圈圈動畫示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
這篇文章主要介紹了javascript函數(shù)式編程，文章有介紹函數(shù)自核，聲明式和命令式代碼，感興趣的小伙伴可以一起來閱讀下面我文章內(nèi)容2021-09-09
JSON字符串轉(zhuǎn)換JSONObject和JSONArray的方法
這篇文章主要介紹了JSON字符串轉(zhuǎn)換JSONObject和JSONArray的方法的相關(guān)資料,需要的朋友可以參考下2016-06-06
微信小程序 加載 app-service.js 錯誤解決方法
這篇文章主要介紹了微信小程序 加載 app-service.js 錯誤詳解的相關(guān)資料,在開發(fā)微信小程序過程中出現(xiàn)了app-services.js的錯誤，并解決此問題，需要的朋友可以參考下2016-10-10
微信小程序?qū)崿F(xiàn)緩存根據(jù)不同的id來進行設(shè)置和讀取緩存
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)緩存根據(jù)不同的id來進行設(shè)置和讀取緩存的相關(guān)資料,需要的朋友可以參考下
2017-06-06