方法一：
在項目中使用vue-awesome-swiper如果loop和autoplay總是出現各種問題,第一次加載的時候,輪播是不動的,需要重新加載一下swiper才會輪播
解決方案:
//輪播設置
swiperOption: {
direction: 'vertical',
observer:true,//修改swiper自己或子元素時，自動初始化swiper
observeParents:true,//修改swiper的父元素時，自動初始化swiper
loop:true,
autoplay: {
delay: 2000,
disableOnInteraction: false
}
}
需要添加上兩個屬性,這樣達到一個初始化swiper的目的
observer:true,//修改swiper自己或子元素時，自動初始化swiper observeParents:true,//修改swiper的父元素時，自動初始化swiper
方法二：
在vue項目中經常會用輪播圖，我一般用vue-awesome-swiper這個插件。我們輪播圖片一般通過后端獲取，循環展示，但會出現循環輪播失效的問題。原因是循環還沒有完的時候swiper組件運行沖突出錯導致的，在swiper組件上對數據價格v-if就可以解決。代碼如下：
