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='图片路径'