文档章节

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="从后台拿到的图片"

© 著作权归作者所有

共有 人打赏支持
安吉拉
粉丝 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
干货分享:vue2.0做移动端开发用到的相关插件和经验总结(2)

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

wdlhao
09/17
0
0
vue 图片懒加载vue-lazyload

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

阿豪boy
02/03
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

没有更多内容

加载失败,请刷新页面

加载更多

如何通过 J2Cache 实现分布式 session 存储

做 Java Web 开发的人多数都会需要使用到 session (会话),我们使用 session 来保存一些需要在两个不同的请求之间共享数据。一般 Java 的 Web 容器像 Tomcat、Resin、Jetty 等等,它们会在...

红薯
今天
3
0
C++ std::thread

C++11提供了std::thread类来表示一个多线程对象。 1,首先介绍一下std::this_thread命名空间: (1)std::this_thread::get_id():返回当前线程id (2)std::this_thread::yield():用户接口...

yepanl
今天
3
0
Nignx缓存文件与动态文件自动均衡的配置

下面这段nginx的配置脚本的作用是,自动判断是否存在缓存文件,如果有优先输出缓存文件,不经过php,如果没有,则回到php去处理,同时生成缓存文件。 PHP框架是ThinkPHP,最后一个rewrite有关...

swingcoder
今天
2
0
20180920 usermod命令与用户密码管理

命令 usermod usermod 命令的选项和 useradd 差不多。 一个用户可以属于多个组,但是gid只有一个;除了gid,其他的组(groups)叫做扩展组。 usermod -u 1010 username # 更改用户idusermod ...

野雪球
今天
3
0
Java网络编程基础

1. 简单了解网络通信协议TCP/IP网络模型相关名词 应用层(HTTP,FTP,DNS等) 传输层(TCP,UDP) 网络层(IP,ICMP等) 链路层(驱动程序,接口等) 链路层:用于定义物理传输通道,通常是对...

江左煤郎
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部