javascript - Les images du plug-in de chargement paresseux de Vue ne sont pas mises à jour

Question

Utilisation de ces deux plug-ins
lazy-load-img
vue-lazy-load-img
Lorsque de nouvelles données remplacent la liste de marchandises d'origine, les images chargées paresseusement restent inchangées. Je ne sais pas comment les gérer

.

<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

Je n'ai jamais utilisé ce composant. Je vous suggère d'aller sur les numéros pour poser des questions, https://github.com/lzxb/vue-l...

Answer 2

J'ai également utilisé le chargement paresseux d'images dans mon projet, mais ce n'est pas ce composant. Vous pouvez vous référer au composant que j'ai utilisé, afin que votre situation ne se produise pas.
Les images du projet sont chargées paresseusement