引言
在開發(fā)小程序的過程中很可能要實(shí)現(xiàn)展示列表的功能,大家首先想到的可能就是wx:for=''{{list}}''來實(shí)現(xiàn)菜循,但如果遇到的是二維或者多維數(shù)組怎么辦呢翘地?那就得用wx:for-items和wx:for-item來實(shí)現(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>
運(yùn)行效果
效果.png
ps:wx:for等價(jià)與wx:for-items 是循環(huán)數(shù)組用的癌幕;而wx:for-item 則是給列表賦別名用的子眶。