微信小程序遍历多维数组

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/con_knife/article/details/79975462

微信小程序遍多维数组的方法,接口返回数据如下

这里写图片描述

遍历数据如下

  <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”

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页