引言
在开发小程序的过程中很可能要实现展示列表的功能,大家首先想到的可能就是wx:for=''{{list}}''来实现,但如果遇到的是二维或者多维数组怎么办呢?那就得用wx:for-items和wx:for-item来实现了。
先看看数据结构
上代码(.wxml)
<button class="modal-title" open-type="contact" session-from="weapp">联系客服</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>
运行效果
ps:wx:for等价与wx:for-items 是循环数组用的;而wx:for-item 则是给列表赋别名用的。