快捷導(dǎo)航

微信小程序中頁面FOR循環(huán)和嵌套循環(huán)

更新時(shí)間：2017年06月21日 11:14:50 投稿：lqh

這篇文章主要介紹了微信小程序中頁面FOR循環(huán)和嵌套循環(huán)的相關(guān)資料,需要的朋友可以參考下

微信小程序中頁面FOR循環(huán)和嵌套循環(huán)

單個(gè)循環(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)試下可以看到黃色警告信息

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

微信小程序網(wǎng)絡(luò)請(qǐng)求wx.request詳解及實(shí)例
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)請(qǐng)求wx.request詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下
2017-05-05
JS作用域作用鏈及this使用原理詳解
這篇文章主要為大家介紹了JS作用域作用鏈及this使用原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
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詳細(xì)教程
本文主要介紹Google 地圖API Key,開發(fā)Google 地圖應(yīng)用的朋友都知道,在開發(fā)的前需要免費(fèi)的Google 地圖API Key,這里詳細(xì)給出獲得API Key的流程,有需要的小伙伴參考下
2016-08-08
在js中修改html body的樣式
這篇文章主要介紹了在js中修改html body的樣式，下面文章圍繞js修改html 和body樣式的相關(guān)資料展開詳細(xì)內(nèi)容,需要的朋友可以參考一下，希望對(duì)大家有所幫助
2021-11-11
微信小程序教程之列表渲染
這篇文章主要介紹了微信小程序列表渲染的相關(guān)資料,并附簡(jiǎn)單代碼實(shí)例，需要的朋友可以參考下
2016-10-10
面試手寫實(shí)現(xiàn)Promise.all
這篇文章主要為大家介紹了面試手寫實(shí)現(xiàn)Promise.all過程示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-06-06
TypeScript中Module使用區(qū)別及模塊路徑解析規(guī)則
這篇文章主要為大家介紹了TypeScript中Module使用區(qū)別及模塊路徑解析規(guī)則，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-06-06
詳解lodash中的cloneDeep使用細(xì)節(jié)
這篇文章主要為大家介紹了詳解lodash中的cloneDeep使用細(xì)節(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-01-01