第一步:下载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='图片路径'
vue-lazyload的使用图片懒加载(vue组件的)
最新推荐文章于 2023-10-16 10:45:55 发布