微信小程序中頁面FOR循環和嵌套循環
單個循環
<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> 綁定的方法 參數值 </view> </view> </view> </view>
嵌套循環
<view class="pad10" wx:for="{{twoList}}" wx:key="{{xxx}}"> <view> {{index+1}}、{{item.name}} </view> <!--二次嵌套循環--> <view wx:for="{{item.XXX}}" wx:for-item="XXXX" wx:key="XXXX"> ----{{XXXX.name}} </view></view>
如果缺少 wx:key 頁面在調試下可以看到黃色警告信息
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
新聞熱點
疑難解答