vue插件vue-lazyload懒加载插件的相关配置,以及使用后刷新页面图片不更新的解决方案

首先npm安装vue-lazyload

npm i vue-lazyload --save

之后main.js中引入，并进行配置 （图片可以自行百度）

import Lazyload from 'vue-lazyload'
Vue.use(Lazyload,{
  preLoad: 1.0,  //图片 设置显示比例，默认为1.3
  error: require('./picture/err.jpg'),  //加载失败的显示
  loading: require('./picture/loading.jpg') //加载中的显示
});

图片代码的设置：

<img v-lazy="图片地址" :key="图片地址">

 

注意>>>  ：key=""  必须要加，否则就会出现，页面刷新，其他内容都刷新了，但是只有图片不刷新的情况