鍍金池/ 問答/HTML/ vue-lazyload和vue-awesome-swiper一起使用,產(chǎn)生了莫

vue-lazyload和vue-awesome-swiper一起使用,產(chǎn)生了莫名其妙的bug,大佬們來看下

載vue-cli中使用了vue-lazyload和vue-awesome-swiper。場景是,開啟輪播圖,然后由于圖片大,網(wǎng)絡(luò)不好的話,有個loading圖片先頂上去,結(jié)果是這樣(先看結(jié)果)
圖片描述
圖片描述

首先,loading圖片和error圖片我都路徑?jīng)]有任何問題,抓包也可以找到圖片,然后再控制臺來查看發(fā)現(xiàn)是這樣的情況,第一張src成功替換,第二張圖片沒有給我替換
圖片描述
圖片描述


// 這是第一張圖片
<img 
    data-src="http://localhost/slide/slowsexbanner.jpg" 
    data-loading="/lazyload/swiper-loading.png" 
    data-error="/lazyload/swiper-error.png" 
    alt="" 
    src="/lazyload/swiper-error.png"  //第一張這里已經(jīng)src成功替換了
    lazy="error"
>

// 這是第二張圖片(src沒有被替換,然后就涼了)
<img 
    data-src="http://localhost/slide/201804301958.jpg" 
    data-loading="/lazyload/swiper-loading.png" 
    data-error="/lazyload/swiper-error.png" 
>

我也嘗試過吧use()加載vue-lazyload的位置放到其他插件后面,但是效果是一樣的,沒辦法解決了,求助大佬們

回答
編輯回答
祉小皓

你好,建議你使用swiper的延遲加載(懶加載),應(yīng)該就不會出現(xiàn)這種問題。

2018年2月8日 00:01
編輯回答
久舊酒

經(jīng)過一天時間,解決了問題,是swiper設(shè)置自適應(yīng)高度導(dǎo)致的,是swiper的bug,已經(jīng)解決

2018年6月2日 13:58