原文連結：https://blog.csdn.net/XH_jing/article/details/108208913

swiper 外掛從後臺獲取資料沒問題，css 程式碼啥的也沒問題，但是圖片不動，應該怎麼解決？

本質上就是資料載入順序，生命週期的問題。

主要原因：

swiper提前初始化了，而這個時候，資料還沒有完全出來。

解決方法：（兩個方向）

• 從swiper入手，在swiper中寫observer:true/observeParents:true

1 let myswiper = new Swiper(".swiper-container" , {
2     autoplay: true
 
,
3     loop: true,
4     // observer 修改swiper子元素時自動初始化swiper
5     observer:true,
6     // observeParents 包括當前父元素的swiper發生變更時也會初始化swiper
7     observeParents:true,
8 })

• 從Vue入手，vue中專門提供了提供了一個方法nextTick()用於解決dom的先後執行問題。

1 mounted(){
2     this.$nextTick(function(){
3         // ...操作
4         let myswiper = new
 
 Swiper(".swiper-container" , {
5             autoplay: true,
6             loop: true
7         })
8     })  
9 }