博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue图片懒加载
阅读量:4974 次
发布时间:2019-06-12

本文共 317 字,大约阅读时间需要 1 分钟。

安装插件,命令行npm install vue-lazyload --save-dev

全局引入,在main.js引入

import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload, {  error: require('./assets/img/default/sp_zw@2x.png'),  loading: require('./assets/img/default/sp_zw@2x.png'),  preLoad: 1,  attempt: 1})

 

设置默认图片

组件引用

 

转载于:https://www.cnblogs.com/adbg/p/9628214.html

你可能感兴趣的文章
Oracle命令类别
查看>>
stc12c5a60s2驱动TEA5767收音机模块硬件调试总结
查看>>
vue中提示$index is not defined
查看>>
css选择器
查看>>
ASP.NET上传下载文件
查看>>
Galaxy Nexus 全屏显示-隐藏Navigation Bar
查看>>
Spring中使用Velocity模板
查看>>
上周热点回顾(8.18-8.24)
查看>>
Feature toggle
查看>>
day02
查看>>
gvim 配置Pydiction
查看>>
Linux安装指定mysql版本
查看>>
分布式锁的三种实现方式
查看>>
poj 2109 pow函数也能这么用?p的开n次方
查看>>
Oracle database link
查看>>
python调用shell小技巧
查看>>
TL431的几种常用用法
查看>>
js 经典闭包题目详解
查看>>
在项目中移除CocoaPods
查看>>
【洛谷】CYJian的水题大赛【第二弹】解题报告
查看>>