微信小程序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 
    })