⼩程序中页⾯FOR循环和嵌套循环⼩程序中页⾯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 页⾯在调试下可以看到黄⾊警告信息写文章的小程序
感谢阅读,希望能帮助到⼤家,谢谢⼤家对本站的⽀持!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。