微信小程序--wx:for循环多个嵌套数组

àì夳堔傛蜴生んèń 2022-03-10 19:42 1021阅读 0赞

读取数据，数组下有多个数组：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTIwNTQ4Njk_size_16_color_FFFFFF_t_70][]

wxml页面上显示：

wx:for="{
       {photo}}" wx:for-item="dayItem" wx:key="{
       {dayItem.id}}"

wx:for="{
       {dayItem.color}}" wx:key="{
       {item.colorId}}"

例子：

<view class="scroll_box" wx:for="{
       {photo}}" wx:for-item="dayItem" wx:key="{
       {dayItem.id}}">
        <view class='main'>
          <view class='title'>{
       {dayItem.chineseName}}
            <text class='subTitle'>{
       {dayItem.englishName}}</text>
          </view>
            <view class='more'>查看更多
              <image src="image/more.png" mode="widthFix"></image>
            </view>
        </view>
          <view class="item_list" wx:for="{
       {dayItem.color}}" wx:key="{
       {item.colorId}}">
              <image src="{
       {item.image}}" class="item_book_img" mode="widthFix"></image>
              <view class='title'>{
       {item.title}}</view>
          </view>
      </view>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTIwNTQ4Njk_size_16_color_FFFFFF_t_70]: /images/20220310/f42708d7324044b4a055f5faccadcd3b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，1021人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序循环嵌套循环，并且可以操作改变样式

项目中有用到一个功能，循环列表中有一个循环，并且这个循环有功能，例如评价商品列表里的选择评价的标签 ![在这里插入图片描述][20191030173251421.png]

雨点打透心脏的1/2处/ 2023年06月11日 12:24/ 0 赞/ 11 阅读

相关第一个微信小程序

3.1 打开微信开发者工具 (ps: 第一次打开的时候，需要扫码登录) ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_s

青旅半醒/ 2023年01月06日 11:42/ 0 赞/ 186 阅读

相关微信小程序数组去重

quchong(arr){ console.log(arr) var tempArr = []; //返回的值 var

川长思鸟来/ 2022年12月07日 01:21/ 0 赞/ 342 阅读

相关关于微信小程序循环以及嵌套循环的总结

关于微信小程序，最近被安排做微信小程序，首次接触，总体来说上手不是太困难。对于小程序的循环问题颇有感触，因为自己绑定数据到界面无数次用到循环和嵌套循环。对于我们在js中

港控/mmm°/ 2022年06月08日 08:49/ 0 赞/ 520 阅读

相关微信小程序循环数据

新建一个页面 ![20180610174428774][] 在JS中写数据 ![20180610174435760][] 然后在wxml文件用wx:for来循环， i

深藏阁楼爱情的钟/ 2022年05月21日 22:08/ 0 赞/ 246 阅读

相关微信小程序（9）——多个空格写法

通常情况下，在微信小程序里，连续的多个空格只会被显示一个，那么如何显示多个连续的空格呢？ ▍方案一 <view> <text space="e

约定不等于承诺〃/ 2022年05月16日 06:08/ 0 赞/ 518 阅读

相关微信小程序开发——第一个小程序

这几个月都在忙着准备考研都不怎么研究代码了，前几天老师安排要做毕业设计的开题报告，所以就稍微兼顾着学习了点微信小程序的开发。昨天看了一会官方给的开发文档就是实例少了点，不过有个

我就是我/ 2022年05月14日 08:36/ 0 赞/ 351 阅读

相关微信小程序开发笔记（二）第一个微信小程序

参考教材：《微信小程序开发入门与实践》雷磊前置知识：JavaScript，CSS 新建项目安装好`微信开发者工具`后，我们就可以开始新建我们第一个微信小程序了

曾经终败给现在/ 2022年03月22日 03:58/ 0 赞/ 468 阅读

相关微信小程序--wx:for循环多个嵌套数组

读取数据，数组下有多个数组： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNz

àì夳堔傛蜴生んèń/ 2022年03月10日 19:42/ 0 赞/ 1022 阅读

相关微信小程序 wxml文件中嵌套循环

> 小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公

野性酷女/ 2022年02月27日 08:07/ 0 赞/ 289 阅读