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

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

一、vue lazyload插件:

    插件地址:

    demo:

二、简单使用实例:

 

  1. 安装插件:

npm install vue-lazyload --save-dev 2. main.js引入插件:
import VueLazyLoad from 'vue-lazyload'Vue.use(VueLazyLoad,{    error:'./static/error.png',    loading:'./static/loading.png'}) 3. vue文件中将需要懒加载的图片绑定 v-bind:src 修改为 v-lazy 
4、vue文件中需要懒加载的背景图片,v-lazy:background-image="imgUrl"
 

转载于:https://www.cnblogs.com/zhouyingying/p/11438494.html

你可能感兴趣的文章
Codeforces 10D
查看>>
charles抓包
查看>>
新手上路注意事项及驾车技巧
查看>>
关于Block汇总
查看>>
freemarker 学习一 入门小例子
查看>>
获取bing每日图片
查看>>
图解Docker容器和镜像
查看>>
android studio gradle 两种更新方法更新
查看>>
Java语言的垃圾回收机制
查看>>
Android中绘制圆角矩形图片及任意形状图片
查看>>
2018-2019-2 20175328 《Java程序设计》第十周学习总结
查看>>
SqlBulkCopy简单封装,让批量插入更方便
查看>>
mysql 在cento下源码安装
查看>>
测试用例使用传统excel还是思维导图(Xmind、MindManager等)?
查看>>
【Python学习之六】高阶函数2(map、reduce、filter、sorted)
查看>>
jquery(ajax)+ashx简单开发框架(原创)
查看>>
结对第二次作业
查看>>
SpringMvc.xml
查看>>
关于微信企业付款到零钱X509Certificate2读取证书信息,发布到服务器访问不到的解决方案...
查看>>
事务3-springboot的事务管理
查看>>