vue-lazyload 图片不更新

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

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>

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