微信小程序中页面FOR循环和嵌套循环


Posted in Javascript onJune 21, 2017

微信小程序中页面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循环和嵌套循环

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
30分钟就入门的正则表达式基础教程
Feb 25 Javascript
javascript解决innerText浏览器兼容问题思路代码
May 17 Javascript
window.location的重写及判断location是否被重写
Sep 04 Javascript
JS实现向表格行添加新单元格的方法
Mar 30 Javascript
jQuery+HTML5实现图片上传前预览效果
Aug 20 Javascript
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
Dec 01 Javascript
Node.js的环境安装配置(使用nvm方式)
Oct 11 Javascript
javascript滚轮控制模拟滚动条
Oct 19 Javascript
JS中动态创建元素的三种方法总结(推荐)
Oct 20 Javascript
微信小程序 UI布局常用技巧整理总结
Dec 05 Javascript
解决vue attr取不到属性值的问题
Sep 18 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 Javascript
微信小程序图片自适应支持多图实例详解
Jun 21 #Javascript
javascript+html5+css3自定义提示窗口
Jun 21 #Javascript
详解webpack分离css单独打包
Jun 21 #Javascript
AngularJS动态绑定ng-options的ng-model实例代码
Jun 21 #Javascript
Angular中ng-options下拉数据默认值的设定方法
Jun 21 #Javascript
基于jquery日历价格、库存等设置插件
Jul 05 #jQuery
详解Angular 自定义结构指令
Jun 21 #Javascript
You might like
PHP详细彻底学习Smarty
2008/03/27 PHP
php中的mongodb select常用操作代码示例
2014/09/06 PHP
php中的字符编码转换函数用法示例
2014/10/20 PHP
避免Smarty与CSS语法冲突的方法
2015/03/02 PHP
PHP实现上传多图即时显示与即时删除的方法
2017/05/09 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
PHP7创建销毁session的实例方法
2020/02/03 PHP
[JS源码]超长文章自动分页(客户端版)
2007/01/09 Javascript
Javascript中的window.event.keyCode使用介绍
2011/04/26 Javascript
在IE浏览器中resize事件执行多次的解决方法
2011/07/12 Javascript
JavaScript prototype 使用介绍
2013/08/29 Javascript
深入理解JavaScript系列(50):Function模式(下篇)
2015/03/04 Javascript
简单的jQuery banner图片轮播实例代码
2016/03/04 Javascript
简单实现Bootstrap标签页
2020/08/09 Javascript
JavaScript学习笔记之惰性函数示例详解
2017/08/27 Javascript
js贪心算法 钱币找零问题代码实例
2019/09/11 Javascript
js实现GIF动图分解成多帧图片上传
2019/10/24 Javascript
如何基于js判断浏览器版本
2020/02/20 Javascript
Vue实现手机计算器
2020/08/17 Javascript
[05:31]DOTA2上海特级锦标赛主赛事第三日RECAP
2016/03/05 DOTA
基于Django的ModelForm组件(详解)
2017/12/07 Python
python学习——内置函数、数据结构、标准库的技巧(推荐)
2019/04/18 Python
在Django admin中编辑ManyToManyField的实现方法
2019/08/09 Python
Python如何调用JS文件中的函数
2019/08/16 Python
浅谈keras中loss与val_loss的关系
2020/06/22 Python
使用OpenCV实现道路车辆计数的使用方法
2020/07/15 Python
基于python requests selenium爬取excel vba过程解析
2020/08/12 Python
详解Django中views数据查询使用locals()函数进行优化
2020/08/24 Python
Python批量获取并保存手机号归属地和运营商的示例
2020/10/09 Python
python分布式爬虫中消息队列知识点详解
2020/11/26 Python
服装销售人员求职自我评价
2013/09/26 职场文书
英语专业学生的自我评价
2013/12/30 职场文书
客房部经理岗位职责
2015/02/02 职场文书
阿里云服务器部署mongodb的详细过程
2021/09/04 MongoDB
人物搭配车车超萌联名预备中 【咒术迴战】 ⨯ 【天竺鼠车车】 展开合作
2022/04/11 日漫
python 单机五子棋对战游戏
2022/04/28 Python