田园项目tab匹配循环遍历（数组套数组）

tab标签利用循环遍历的方式实现这种效果

每个标签都要匹配相对应的数据
wxml:

<view>
        <view wx:for="{{products}}" bindtap="www"  wx:key="{{item.id}}" wx:for-item="item2">
          <view >
          <scroll-view  scroll-y>
    <view class="neirong" bindtap="logBtn3" >
      <image class="tupian" src="{{imgUrl}}{{item2.image_small}}"></image>
      <view class="playlist-info">
        <view class="playlist-info-title">{{item2.title}}</view>
        <!--评分 
      -->
        <view class="fenshu" wx:if="{{item2.commentValue}}">
          <van-rate readonly class="" size="{{ 15 }}" value="{{item2.commentValue/2}}" void-color="#eee" color="#ee831b"  void-icon="star" />
          <view>{{item2.commentValue}}分</view>
        </view>
        <view class="fenshu" wx:else><view>未评分</view> </view>
            
        <view class="youbianneirong">{{item2.date}}</view>
        <view class="youbianneirong"><view>{{item2.address}}</view> <view class="juli">{{item2.distance}}</view></view>
        <view class="baoming"><text>{{item2.name}}</text></view>
        
      </view>
    </view>
  </scroll-view> </view>
        </view>    
      </view>

js:

  data: {
    //当前位置
    latitude: null,
    longitude:null,
    latitude2:116.403110,
    longitude2:39.913607,
    active:0,
    qiehuan:[
      {id:0,
        name:'美食'
      },
      {id:1,
        name:'民宿'
      },
      {id:2,
        name:'交通停车'
      },
      {id:3,
        name:'研学'
      },
      {id:4,
        name:'乡游活动'
      },
      {id:5,
        name:'农产'
      },
      {id:6,
        name:'演艺游乐'
      },
      {id:7,
        name:'展览'
      }
    ],
    productAll:[

      //美食
      [
        {
          "id": 1,
          "image_small":"../../image/img/chi.png",
          "title":"【活动回顾】水库长桌宴",
          "commentValue":null,
          "date": util.formatTime(new Date()),
          "address":"河北省石家庄市藁城区",
          "distance":null,
          "name":"报名"
        },
        {
          "id": 1,
          "image_small":"../../image/img/chi.png",
          "title":"水路集市今日开市",
          "commentValue":8,
          "date": util.formatTime(new Date()),
          "address":"河北省石家庄市藁城区",
          "distance":null,
          "name":"报名"
        }
      ],
      [
        {
          "id": 1,
          "image_small":"../../image/img/chi.png",
          "title":"【活动回顾】水库长桌宴",
          "commentValue":null,
          "date": util.formatTime(new Date()),
          "address":"河北省石家庄市藁城区",
          "distance":null,
          "name":"报名"
        },
        {
          "id": 1,
          "image_small":"../../image/img/chi.png",
          "title":"水路集市今日开市",
          "commentValue":8,
          "date": util.formatTime(new Date()),
          "address":"河北省石家庄市藁城区",
          "distance":null,
          "name":"报名"
        }
      ],
      

需要将 qiehuan和product All相匹配

遍历qiehuan的item与productall的item冲突
所以在
这里加上wx：for-item=item2
下面数据遍历需要将平常的item.xxx改成item2.xxx

最终实现：