vue使用vue-awesome-swiper輪播圖不能正常滾動

在這裏插入圖片描述

在使用vue-awesome-swiper插件寫輪播圖的時候遇到上圖的問題。

問題描述:這是一個畫廊(圖片相冊查看大圖)功能,在父組件中調用這個個輪播圖的子組件,並且在父組件中控制畫廊組件的顯示隱藏。功能都寫好之後,發現這個子組件顯示出來以後不能順暢滑動。

解決方案:
在初始化輪播圖的時候加上這兩個配置項:

		observeParents: true,
        observer: true

出現這個問題的原因是當父組件變化的時候,子組件沒有辦法獲取父組件的寬度等信息
這兩個配置項的作用就是 在父組件或者自身發生變化的時候,swiper組件自動會刷新一次。
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章