因為swiper內容是動態的，初始化時沒有數據，
所以加上observer:true,//修改swiper自己或子元素時，自動初始化swiper
observeParents:true,//修改swiper的父元素時，自動初始化swiper,兩行代碼
還需要在swiper上寫個v-if判斷有數據后才顯示輪播圖

<swiper :options="storySwiperOption" v-if='detailData.pictures'><swiper-slide class='flex align-Center' v-for='(item,key) in detailData.pictures' :key=key ><img :src="item.large" /></swiper-slide></swiper>

總結

以上是生活随笔為你收集整理的vue swiper循环播放无效解决的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。