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

更新时间：2017年06月21日 11:14:50 投稿：lqh

这篇文章主要介绍了微信小程序中页面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 页面在调试下可以看到黄色警告信息

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

您可能感兴趣的文章:

umi插件开发仿dumi项目实现页面布局详解
这篇文章主要为大家介绍了umi插件开发仿dumi项目实现页面布局详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-01-01
不可变数据方案之immer.js原理解析
这篇文章主要为大家介绍了不可变数据方案之immer.js原理解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-02-02
JS前端以轻量fabric.js实现示例理解canvas
这篇文章主要为大家介绍了JS前端以轻量fabric.js实现示例理解canvas可视化，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-08-08
详解微信小程序Page中data数据操作和函数调用
这篇文章主要介绍了详解微信小程序Page中data数据操作和函数调用的相关资料,希望通过本文能帮助到大家掌握这方法，需要的朋友可以参考下
2017-09-09
js前端实现word excel pdf ppt mp4图片文本等文件预览
这篇文章主要为大家介绍了js前端实现word excel pdf ppt mp4图片文本等文件预览示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-07-07
js中ES6继承和ES5继承之间的差别
这篇文章主要介绍了ES6继承和ES5继承，以及两个继承之间的差别，文中运用示例以及代码讲解的非常清晰，感兴趣的小伙伴可以参考一下
2021-08-08
JavaScript高级程序设计之变量与作用域
这篇文章主要介绍了JavaScript高级程序设计之变量与作用域，文章主要通过描述原始值与引用值、instanceof、作用域展开具体内容,需要的朋友可以参考一下
2021-11-11
JavaScript ES新特性块级作用域
这篇文章主要介绍了JavaScript ES新特性块级作用域，所谓的块级作用域，就是该变量只能在声明时的代码块或者子代码块中使用，使JavaScript出现了块级作用域，具体详细内容请参考下面文章内容
2021-12-12
从原生JavaScript到React深入理解
这篇文章主要为大家介绍了从原生JavaScript到React深入理解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-07-07
arco design按需导入报错排查思路与解决方案解析
这篇文章主要为大家介绍了arco design 按需导入报错排查思路与解决方案解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-03-03