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




原文地址:https://www.cnblogs.com/yjh-bl/p/15427811.html