城市循环内嵌套区域循环,实现效果如下:
城市1:
区域1
区域2
区域3
城市2:
区域4
区域5
区域6
js页面:通过访问后台获取json数据
onLoad: function (options) {
wx.request({
url: 'http://xxxxxxx/cityList',
method:'POST',
header:{
'content-type': 'application/x-www-form-urlencoded'
},
success:res=>{
this.setData({
cities:res.data
})
}
})
},
wxml页面:实现城市循环内的区域循环
<!-- 城市循环 -->
<view wx:for="{{cities}}" wx:key="index" wx:for-item="city">
<text>{{city.cityName}}</text>
<!-- 区域循环 -->
<view wx:for="{{city.district}}" wx:key="idx">
<text>{{item.distrName}}</text>
</view>
</view>