vue——圖片懶加載v-lazyload，圖片加載失敗后，二次加載問題

參考：關於vue-lazyload重復請求圖片的問題 - SegmentFault 思否

　　    Vue-lazyload 的使用 - passMaker - 博客園 (cnblogs.com)

 

我的情況：使用v-lazyload懶加載圖片，發現圖片加載失敗后，會二次加載圖片

解決方法：增加attempt屬性

 

main.js：

Vue.use(VueLazyload, {
  loading: require('../assets/images/img-loading.svg'), // 加載中圖片，一定要有，不然會一直重復加載占位圖
  error: require('../assets/images/img-loadFail.svg'), // 加載失敗圖片
  attempt: 1, // <<= 圖片加載失敗后的重試次數.默認為3
});

 

vue-lazyload官網：GitHub - hilongjw/vue-lazyload: A Vue.js plugin for lazyload your Image or Component in your application.

參數說明：