1. 程式人生 > >微信小程式遍歷多維陣列

微信小程式遍歷多維陣列

微信小程式遍多維陣列的方法,介面返回資料如下

這裡寫圖片描述

遍歷資料如下

  <block wx:for="{{storelist}}" wx:key="{{index}}">
      <swiper-item style="display:flex">
      <block  wx:key="{{index}}" wx:for="{{item}}"  wx:for-item="twodata">
        <view class='xiugai {{index !== 3 ? "" : ""}}' bindtap='shoplistcli'
data-sid='
{{twodata.id}}' > <image src="{{twodata.logo}}" class="slide-image"/> </view> </block> </swiper-item> </block>
  • 1.遍歷第一層資料wx:for=”{{storelist}}”

  • 2.第二層 wx:for=”{{item}}” wx:for-item=”twodata” ,item 為遍歷物件,twodata為遍歷的value(這裡無需加大括號)

  • 如果為二維以上,則wx:for=”{{twodata}}” wx:for-item=”threedata”