在使用vue-awesome-swiper插件寫輪播圖的時候遇到上圖的問題。
問題描述:這是一個畫廊(圖片相冊查看大圖)功能,在父組件中調用這個個輪播圖的子組件,並且在父組件中控制畫廊組件的顯示隱藏。功能都寫好之後,發現這個子組件顯示出來以後不能順暢滑動。
解決方案:
在初始化輪播圖的時候加上這兩個配置項:
observeParents: true,
observer: true
出現這個問題的原因是當父組件變化的時候,子組件沒有辦法獲取父組件的寬度等信息
這兩個配置項的作用就是 在父組件或者自身發生變化的時候,swiper組件自動會刷新一次。