微信小程序中頁面FOR循環(huán)和嵌套循環(huán)
更新時間:2017年06月21日 11:14:50 投稿:lqh
這篇文章主要介紹了微信小程序中頁面FOR循環(huán)和嵌套循環(huá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 頁面在調試下可以看到黃色警告信息
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關文章
微信小程序網(wǎng)絡請求wx.request詳解及實例
這篇文章主要介紹了微信小程序網(wǎng)絡請求wx.request詳解及實例的相關資料,需要的朋友可以參考下2017-05-05微信小程序 定義全局數(shù)據(jù)、函數(shù)復用、模版等詳細介紹
這篇文章主要介紹了微信小程序 定義全局數(shù)據(jù)、函數(shù)復用、模版等詳細介紹的相關資料,需要的朋友可以參考下2016-10-10TypeScript中Module使用區(qū)別及模塊路徑解析規(guī)則
這篇文章主要為大家介紹了TypeScript中Module使用區(qū)別及模塊路徑解析規(guī)則,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-06-06