關於Vue中Swiper圖片加載問題

有時咱們在vue組件中使用swiper,而swiper中的圖片是ajax獲取的,會致使輪播圖中只有第一張具備輪播圖效果,這是由於ajax獲取數據是異步的,因此new swiper()會先執行,等到ajax數據獲取以後,dom從新渲染,可是此時swiper早就初始化完成輪播圖裏並不會有ajax請求回的新數據,因此咱們須要在頁面渲染以後從新 new swiper() 這時 咱們就須要用vue.nextTick(fn)方法 ,此方法會在數據更新而且dom從新渲染完成後執行 就能解決上述問題了vue

相關文章
相關標籤/搜索