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

读取数据,数组下有多个数组:

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>

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值