vue-awesome-swiper使用自動輪播和循環輪播不生效(loop和autoplay)

在項目中使用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