没有合适的资源?快使用搜索试试~ 我知道了~
vue-lazyload图片延迟加载插件的实例讲解
0 下载量 3 浏览量
2020-11-30
02:49:55
上传
评论
收藏 75KB PDF 举报
温馨提示
试读
2页
1、首先在npm上下载vue-lazyload的引用包 npm install vue-lazyload --save-dev 2、然后我们在main.js里面import这个包,当然,单单这一个包是不够的,还得其他的文件 import Vue from 'vue'; import App from './App.vue' import router from './router'; import VueLazyload from "vue-lazyload" 3、然后我们配置vue-lazyload Vue.use(VueLazyload, { error: 'static/error
资源推荐
资源详情
资源评论
vue-lazyload图片延迟加载插件的实例讲解图片延迟加载插件的实例讲解
1、首先在、首先在npm上下载上下载vue-lazyload的引用包的引用包
npm install vue-lazyload --save-dev
2、然后我们在、然后我们在main.js里面里面import这个包,当然,单单这一个包是不够的,还得其他的文件这个包,当然,单单这一个包是不够的,还得其他的文件
import Vue from 'vue';
import App from './App.vue'
import router from './router';
import VueLazyload from "vue-lazyload"
3、然后我们配置、然后我们配置vue-lazyload
Vue.use(VueLazyload, {
error: 'static/error.png',//这个是请求失败后显示的图片
loading: 'static/loading.gif',//这个是加载的loading过渡效果
try: 2 // 这个是加载图片数量
})
4、具体配置、具体配置api可以看下图可以看下图
html
<template>
<div>
<ul id="container">
<li v-for="img in list">
<img v-lazy="img">
</li>
</ul>
</div>
</template>
JS
资源评论
weixin_38569675
- 粉丝: 4
- 资源: 980
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 论文(最终)_20240430235101.pdf
- 基于python编写的Keras深度学习框架开发,利用卷积神经网络CNN,快速识别图片并进行分类
- 最全空间计量实证方法(空间杜宾模型和检验以及结果解释文档).txt
- 5uonly.apk
- 蓝桥杯Python组的历年真题
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 前端开发技术实验报告:内含4四实验&实验报告
- Highlight Plus v20.0.1
- 林周瑜-论文.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功