vue-lazyload 图片不更新

   前几天在用vue写项目的时候，因为图片比较多，所以采用了懒加载插件 vue-lazyload

  github:https://github.com/hilongjw/vue-lazyload#readme

  npm

$ npm i vue-lazyload -S

  Main.js

import VueLazyload from 'vue-lazyload' Vue.use(VueLazyload)

<ul>
  <li v-for="img in list"> <img v-lazy="img.src" > </li> </ul>

 

但是发现一个bug， 数据更新之后，图片并没有更新，DOM绑定的图片不会变

经过查看了Issuse 看到之前有朋友提出过这一问题，原来需要加个 key，图片就可以动态切换了

<ul>
  <li v-for="img in list"> <img v-lazy="img.src" :key="img.src" > </li> </ul>

这样，图片就可以自动更新了

转载于:https://www.cnblogs.com/MrLee/p/10899447.html