vue图片懒加载

1.引入vue-lazyload.js

2.//vue懒加载图片

Vue.use(VueLazyload, { 

    preLoad: 1.3, 

    error:'images/error.png', //加载错误的图片

    loading: 'images/loading.gif', //加载中的图片，最好找一个loading的gif

    attempt: 1  ,

    listenEvents: [ 'scroll' ]//监听的事件

}); 

3.html中将src改为  v-lazy='http://192.168.0.105/app/handlerapp.ashx?action=GetMaintenanceThumbnail&billID='+data.BillID+'&r='+Math.random()

4.注意后面要加入一个随机数，不然src如果认为网址一样的话，就不去刷新了

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue相关开源项目库汇总(史上最全)
    目录 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element★13489 ...
    余生社会阅读 20,149评论 7赞 233
  • vue开源项目库汇总
    来源：github.com Vue.js开源项目速查表：https://www.ctolib.com/cheats...
    zhangtaiwei阅读 11,707评论 1赞 159
  • 2018-01-31
    傻傻的自己，傻傻的爱。傻傻的女人最可爱。我只求开心快乐每一天，傻傻的过好每一天。傻傻的挺好的。
    静晴晰阅读 34评论 0赞 1
  • 困
    我忍不住想睡了 它却一直阻拦我 打开我的眼 却什么都看不见 也不知道 张开眼看见的 和睡了 有何区别
    满岛遥阅读 152评论 0赞 0
  • 5400公里中国黄河沿线风景谁最美?
    5400公里中国黄河沿线风景谁最美? 黄河是世界第五长河、中国第二大河。黄河既是中华文化的主要诞生地，也是历史人文...
    c438d0bdff8c阅读 546评论 0赞 0