文档章节

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_
07/24
0
0
Vue + better-scroll 实现移动端字母索引导航

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

sinat_17775997
05/07
0
0
Vue-lazyload 的使用

Vue 项目使用 做图片懒加载。 下载 下载 的包 NPM包 引入 在项目 中通过 引入 配置属性 官方 Api 示例 使用 指令

evenyao
11/01
0
0
vue2.0做移动端开发用到的相关插件和经验总结(2)

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

大灰狼的小绵羊哥哥
09/18
0
0
Vant 1.1.13 发布,有赞轻量级移动端 Vue 组件库

Vant 1.1.13 已发布,更新内容如下: Improvements Button: 新增 plain 属性 #1444 Toast: 完善 TS 类型定义 #1468 Dialog: 完善 TS 类型定义 #1467 Radio: 新增 label-position 属性 #1446 ...

王练
07/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

String转成JSON的实现

String转成JSON 这个依赖很重要,我们将围绕fastjson中的JSONObject这个类来谈转换 欢迎工作一到八年的Java工程师朋友们加入Java高级交流:854630135 本群提供免费的学习指导 架构资料 以及免...

编程SHA
5分钟前
0
0
详解Object.values(),Object.keys(),Object.entries(),Object.create(),includes()

(1)Object.keys() // 返回数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键名。 eg:var obj = {a:1,b:'gy'} Object.keys(obj) // ['a','b'] (2)...

JamesView
29分钟前
1
0
SpringBoot中Mybatis打印sql

application.properties中添加 logging.level.com.example.demo.dao=debug com.example.demo.dao 是对应xml中相应interface层...

writeademo
30分钟前
1
0
Git —— 创建版本库和提交回退版本

二、 创建版本库 版本库又叫做仓库,简单理解就是一个目录,这个目录里面所有的文件都可以被Git管理起来,每个文件的修改、删除,Git都可以跟踪,便于追踪历史与还原。找到一个合适的位置,创...

lwenhao
39分钟前
4
0
guava cache使用介绍

今天在项目中发现大量使用guava cache提供缓存,觉得不错。 jvm堆大小为5G /** * * 占用JVM内存,内部数据结构类似于ConcurrentHashMap。因为JVM堆大小的限制,guava cac...

jack_peng
44分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部