引言

在開發(fā)小程序的過程中很可能要實現(xiàn)展示列表的功能，大家首先想到的可能就是wx:for=''{{list}}''來實現(xiàn)，但如果遇到的是二維或者多維數(shù)組怎么辦呢？那就得用wx:for-items和wx:for-item來實現(xiàn)了。

先看看數(shù)據(jù)結(jié)構(gòu)

數(shù)據(jù)結(jié)構(gòu).jpg

上代碼（.wxml）

<button class="modal-title" open-type="contact" session-from="weapp">聯(lián)系客服</button> 

<view class = 'explain'>

  <view style="margin-bottom: 4%;margin-top: 6%">

    <view class="foot_box" wx:for="{{list}}" wx:key="{{index}}">

      <view style="color: #000000; font-size: 32rpx;font-weight:bold" >{{item.problem_name}}</view>
      
      <view wx:for-items="{{item.child}}" wx:key="{{index}}" data-id="{{item.id}}" data-url = "{{item.h5pageurl}}" bindtap='detail'  wx:for-item="item">

         <p>{{item.problem_description}}</p>

      </view>

    </view>

  </view>

</view>

運行效果

效果.png

ps：wx:for等價與wx:for-items 是循環(huán)數(shù)組用的；而wx:for-item 則是給列表賦別名用的。