文档章节

vue-lazyload

安吉拉
 安吉拉
发布于 2017/09/08 17:18
字数 108
阅读 11
收藏 0

1.$ npm install vue-lazyload

2.

3.use

mainjs

import Vue from 'vue'

import App from './App'

import VueLazyLoad from 'vue-lazyload'

Vue.use(VueLazyload, {
 preload: 1.3,
//报错的时候可以链接到本地的一张图片 此处可以写路径
 error: 'dist/error.png',
//此处可放一张加载时数据还未出现的放一张本地图片  路径
 loading: 'dist/loading.gif',
 attempt: 1
})

在vue组件用的时候在img标签中的src换成v-lazy="从后台拿到的图片"

© 著作权归作者所有

共有 人打赏支持
上一篇: ES6较ES5之优点
下一篇: fastClick
安吉拉
粉丝 1
博文 35
码字总数 7547
作品 0
私信 提问
18、vue-lazyload实现图片懒加载

前言:GitHub:https://github.com/Ewall1106/mall(请选择分支18) 1、安装 vue-lazyload官网:https://github.com/hilongjw/vue-lazyload 2、main.js中引入 (1)引入并注册vue-lazyload ......

Ewall_
2018/07/24
0
0
Vue-Lazyload

Vue-Lazyload的问题 全局引入 页面上 报错 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name......

开源中国小卖部部长
2018/09/12
138
2
Vue + better-scroll 实现移动端字母索引导航

shortcutList 是通过计算属性得到的,取 title 的第一个字符即可。 使用 better-scroll 使用 better-scroll 实现滚动。对了,使用的时候别忘了用 import 引入。 使用 created 方法...

sinat_17775997
2018/05/07
0
0
vue 图片懒加载vue-lazyload

https://github.com/hilongjw/vue-lazyload 值得注意的是,有必要将img的src属性先置为空字符串,并设置对应的样式,以免页面渲染时出现图片的默认边框。 主页使用一个循环生成img标签,不使...

阿豪boy
2018/02/03
0
0
干货分享:vue2.0做移动端开发用到的相关插件和经验总结(2)

最近一直在做移动端微信公众号项目的开发,也是我首次用vue来开发移动端项目,前期积累的移动端开发经验较少。经过这个项目的锻炼,加深了对vue相关知识点的理解和运用,同时,在项目中所涉及...

wdlhao
2018/09/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

漏洞防御与修复工作

漏洞管理工作是企业安全建设必不可少的一环,在风险管理工作中,漏洞管理能够防患于未然,企业对漏洞管理有着广泛的基础建设和实践经验。但随着攻防技术的发展,传统漏洞管理的安全技术和管理...

linuxprobe16
24分钟前
0
0
MicroPython技术及应用前景

1 Micropython技术是什么? MicroPython极精简高效的实现了Python3语言。它包含Python标准库的一小部分,能在单片机和受限环境中运行。 1.1 MicroPython发展 由剑桥大学的理论物理学家乔治....

bodasisiter
30分钟前
0
0
跟我学Spring Cloud(Finchley版)-13-通用方式使用Hystrix

本节详细讲解使用Hystrix的通用方式。 简介 Hystrix是由Netflix开源的一个延迟和容错库,用于隔离访问远程系统、服务或者第三方库,防止级联失败,从而提升系统的可用性与容错性。Hystrix主要...

周立_ITMuch
38分钟前
0
0
🛠️Hanjst/汉吉斯特更新加JavaScript运行时优化等

这是 Hanjst/汉吉斯特 发布以来的首个主要升级更新版本。这次的主要升级更新的内容包括移除HTML Comments注释行, 优化在 Hanjst include模板文件时的JavaScript运行时环境。 Hanjst 在设计和...

wadelau
今天
2
0
OSChina 周六乱弹 —— 舔狗是没有好下场的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @我没有抓狂 :#今天听什么# #今天听这个# 分享 Nirvana 的歌曲《Smells Like Teen Spi...》 《Smells Like Teen Spi...》- Nirvana 手机党少...

小小编辑
今天
508
14

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部