微信小程序中页面FOR循环和嵌套循环
2017-06-21 11:14
706 查看
微信小程序中页面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 页面在调试下可以看到黄色警告信息
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
相关文章推荐
- 微信小程序-页面FOR循环和嵌套循环
- 微信小程序--简单页面跳转
- Page页面生命周期——微信小程序
- 微信小程序实战(二)---实现搜索页面
- 微信小程序开发教程(基础篇)6-logs页面解析
- 微信小程序12---页面跳转
- 微信公众账号 点击返回页面刷新页面得到两个相同的code导致程序报错的问题
- 微信小程序之页面跳转和参数传递
- 微信小程序 页面跳转传参详解
- 微信小程序开发之选项卡(窗口顶部TabBar)页面切换
- 微信小程序页面Flex布局
- 微信小程序页面生命周期解说
- 微信小程序例子——点击文字实现页面跳转
- 微信小程序之----navigator页面跳转
- 微信小程序(五)页面生命周期详细介绍
- 微信小程序三(设置页面标题)
- 微信小程序学习记录1-添加页面顺序
- 微信小程序基本的开发框架抽取,包括网络请求的二次封装,页面状态管理,常见页面模板封装
- 微信小程序 页面传参实例详解