vue-lazyload的使用

第一步：下載vue-lazyload

npm install vue-lazyload --save

 

第二步：引入

import lazyLoad from 'vue-lazyload'

 

第三步：配置

Vue.use(lazyLoad, {
    loading: require("./assets/img/common/load.png"), //加載成功圖片
　　 error:require("./assets/img/common/error.png")  //加載失敗圖片
　　 try:2 //加載圖片數量

});

第四步 ：組件中的使用

:src='圖片路徑'   改為 v-lazy='圖片路徑'