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

àì夳堔傛蜴生んèń 2022-03-10 19:42 1058阅读 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 条评论，1058人围观）

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

相关阅读

相关微信小程序连续显示多个空格

因为在开发的时候，遇到了要连续显示多个空格的情况，回去翻阅文档，浪费了一定的时间，故作此记录。 -------------------- 使用[text组件][tex

深藏阁楼爱情的钟/ 2023年10月04日 13:36/ 0 赞/ 19 阅读

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

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

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

相关微信小程序中wx:for怎么嵌套两层循环

<view wx:for="{ {orderList}}" wx:key="item"> <view wx:for="{

Love The Way You Lie/ 2023年03月13日 05:54/ 0 赞/ 29 阅读

相关微信小程序实现tab切换和for循环嵌套

我们先来看看效果 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubm

电玩女神/ 2023年02月16日 09:30/ 0 赞/ 11 阅读

相关第一个微信小程序

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

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

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

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

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

相关微信小程序循环数据

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

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

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

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

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

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

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

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

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

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

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