微信小程序遍历二维数组

Question

想要遍历数组中的数组该怎么做呀

var 一个空的数组，我push一个新数组到里面，现在想遍历显示出来

Answer 1

1. 粉色背景为第一层数组数据渲染
2. 白色背景为第二层数组数据渲染

参考以下代码
wxml

<view class="container">
  <view class="content">
    <view class="pro" wx:for="{{list}}" wx:key="index">
      <view class="pro-name">{{item.name}}</view>
      <view wx:for="{{item.list}}" wx:key="index" wx:for-item="tab">
        <view>{{tab.title}}</view>
      </view>
    </view>
  </view>
</view>

wxss

.pro-name {
  width: 100%;
  line-height: 60rpx;
  background-color: pink;
}

js

Page({
  data:{
    list: [{
      id: 1,
      name: '本店特惠',
      list: [{
        id: 23,
        title: '金骏眉100g',
        price: 200,
        sale: 8.3
      }, {
        id: 45,
        title: '首日芽30g',
        price: 99,
        sale: 9.2
      }, {
        id: 12,
        title: '大红袍礼盒装80g',
        price: 690,
        sale: 8.2
      }]
    },
    {
      id: 2,
      name: '红茶',
      list: [{
        id: 21,
        title: '金骏眉',
        price: 300,
        sale: 9.3
      }, {
        id: 22,
        title: '祁红',
        price: 600,
        sale: 9.2
      }, ]
    },
  ]
  }

})