javascript - vue malas memuatkan gambar pemalam tidak dikemas kini

Question

Menggunakan dua pemalam
lazy-load-img
vue-lazy-load-img
Apabila data baharu menggantikan goodsList asal, imej yang dimuatkan malas kekal tidak berubah

<p v-for="item in goodsList">
    <vue-lazy-load-img 
        mode="diy" 
        :time="50" 
        :complete="true" 
        :position="{ top: 0, right: 0, bottom: 0, left: 0 }" 
        :diy="{ backgroundSize: 'cover', backgroundRepeat: 'no-repeat', backgroundPosition: 'center center' }"
        @before="before" 
        @success="success" 
        @error="error">
        <img 
            :src="'../image/load-img.png'" 
            :src="item.thumb_img">
    </vue-lazy-load-img>
</p>
                        
<script src="../script/lazy-load-img.js"></script>
<script src="../script/vue-lazy-load-img.js"></script>

data: {
    goodsList: []
}

Answer 1

Saya tidak pernah menggunakan komponen ini, saya cadangkan anda pergi ke isu untuk bertanya soalan, https://github.com/lzxb/vue-l...

Answer 2

Saya juga menggunakan pemuatan malas imej dalam projek saya, tetapi ia bukan komponen ini Anda boleh merujuk kepada komponen yang saya gunakan, supaya keadaan anda tidak akan berlaku.
Imej dalam projek malas dimuatkan