微信小程序中页面FOR循环和嵌套循环教程
2017-08-03 09:26:52文章来源:点点软件园热度:0
微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。今天就说一下微信小程序中页面FOR循环和嵌套循环!更多最新IT资讯尽在金顺软件园http://www.jinshun168.com/
单个循环
<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 页面在调试下可以看到黄色警告信息
金顺软件园小编推荐:
以上,就是金顺软件园小编给大家带来的微信小程序中页面FOR循环和嵌套循环教程全部内容,希望对大家有所帮助!
编辑:我一贱你就笑