vue-lazyload 局部使用时自定义图片及切换列表导致的图片懒加载失效

vue-lazyload的官方文档
https://www.npmjs.com/package/vue-lazyload

一、全局配置vueLazyload后，如何在局部使用时，自定义error和loading图片？

【全局配置】：

import VueLazyload from 'vue-lazyload' // https://www.npmjs.com/package/vue-lazyload

Vue.use(VueLazyload, {
    error: require("../static/img/error.jpg"),
    loading: require("../static/img/loading.gif")
});

  

【局部使用】：

官方给出了两种自定义error和loading的方法，但亲测第二种方法有效，第一种方法无效（原因未知）。

 

二、切换导航栏，刷新列表，图片懒加载失效

解决办法：在img标签中，加上key属性，来让Vue知道它需要被更新。

Vue官方文档有说明：

https://cn.vuejs.org/v2/guide/list.html#key