微信小程序中页面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 相关文章推荐
jquery中的ajax方法怎样通过JSONP进行远程调用
May 04 Javascript
js获取滚动距离的方法
May 30 Javascript
JavaScritp添加url参数并将参数加入到url中及更改url参数的方法
Oct 26 Javascript
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
Feb 25 Javascript
JavaScript实现复制文章自动添加版权
Aug 02 Javascript
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
React+Webpack快速上手指南(小结)
Aug 15 Javascript
layer.close()关闭进度条和Iframe窗的方法
Aug 17 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
Jun 04 Javascript
多页vue应用的单页面打包方法(内含打包模式的应用)
Jun 11 Javascript
Vue.js暴露方法给WebView的使用操作
Sep 07 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
PHPnow安装服务[apache_pn]失败的问题的解决方法
2010/09/10 PHP
PHP缩略图等比例无损压缩,可填充空白区域补充色
2011/06/10 PHP
thinkPHP5.0框架自动加载机制分析
2017/03/18 PHP
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
JavaScript 核心参考教程 内置对象
2009/10/13 Javascript
ExtJs事件机制基本代码模型和流程解析
2010/10/24 Javascript
关于JQuery($.load)事件的用法和分析
2013/04/09 Javascript
JS的get和set使用示例
2014/02/20 Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
2014/06/16 Javascript
jQuery on方法传递参数示例
2014/12/09 Javascript
简介JavaScript中fixed()方法的使用
2015/06/08 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
2015/09/14 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
jQuery实现的tab标签切换效果示例
2016/09/05 Javascript
JS定时器实现数值从0到10来回变化
2016/12/09 Javascript
利用yarn代替npm管理前端项目模块依赖的方法详解
2017/09/04 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
2017/12/11 Javascript
vue3 源码解读之 time slicing的使用方法
2019/10/31 Javascript
JavaScript实现简易聊天对话框(加滚动条)
2020/02/10 Javascript
用Python编程实现语音控制电脑
2014/04/01 Python
解决Matplotlib图表不能在Pycharm中显示的问题
2018/05/24 Python
详解TensorFlow查看ckpt中变量的几种方法
2018/06/19 Python
centos7之Python3.74安装教程
2019/08/15 Python
使用Python进行中文繁简转换的实现代码
2019/10/18 Python
Python生成词云的实现代码
2020/01/14 Python
pip install 使用国内镜像的方法示例
2020/04/03 Python
Python中对象的比较操作==和is区别详析
2021/02/12 Python
Mytheresa中国官网:德国时尚奢侈品商城
2017/08/04 全球购物
如何强制垃圾回收
2015/10/06 面试题
应届生污水处理求职信
2013/11/06 职场文书
二年级评语大全
2014/04/23 职场文书
老人与海读书笔记
2015/06/26 职场文书
学校财务管理制度
2015/08/04 职场文书
导游词之临安白水涧
2019/11/05 职场文书
python实现简单反弹球游戏
2021/04/12 Python
win10+RTX3050ti+TensorFlow+cudn+cudnn配置深度学习环境的方法
2022/06/25 Servers