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>

這樣，圖片就可以自動更新了