微信小程式Swiper+wx.request 資料繫結重新整理
阿新 • • 發佈:2018-12-30
.wxml
<swiper class="swiper1" indicator-dots="{{indicatorDots}}"
autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
<block wx:for="{{imgUrls}}" wx:key="unique" style="display: block;">
<swiper-item class='swiper-item1'>
<image src="{{item.IMAGE_URL}}" class="slide-image" />
</swiper-item>
</block>
</swiper>
//介面載入回撥 .js
onLoad:function(){
var that = this
wx.request({
url: requestUrl, //僅為示例,並非真實的介面地址
method: 'POST',
data: {
},
header: {
'content-type': 'application/json'
},
success: function(res) {
var dataSource = res.data
that.setData({
imgUrls : dataSource.lists.list0
})
},
fail: function({errMsg})
{
})
}
})
}
資料請求回來後需要設定資料
呼叫
that.setData({
imgUrls : dataSource.lists.list0
})