javascript - vue 懒加载插件 图片不更新
phpcn_u1582
phpcn_u1582 2017-06-12 09:20:53
0
2
577

使用了这两个插件
lazy-load-img
vue-lazy-load-img
当有新数据替换掉原有的goodsList后,懒加载的图片不变,不知道怎么处理

<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: []
}
phpcn_u1582
phpcn_u1582

全部回复(2)
给我你的怀抱

这个组件嘛没用过,建议你去issues提问,https://github.com/lzxb/vue-l...

phpcn_u1582

我在项目中也用到了图片懒加载,不过不是这个组件,你可以参考我用的这个组件,不会有你这种情况的发生。
项目中的图片懒加载

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!