1. 程式人生 > >微信小程式Swiper+wx.request 資料繫結重新整理

微信小程式Swiper+wx.request 資料繫結重新整理

.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 
    })