使用方式
使用vue的 vue-lazyload 插件
插件地址:
Installation 安装方式
npm
CDN
CDN: https://unpkg.com/vue-lazyload/vue-lazyload.js
用法
main.js 在入口文件
在入口文件添加后，在组件任何地方都可以直接使用把 img 里的:src -> v-lazy
参数选项说明
| key | description | default | options |
|---|---|---|---|
| proportion of pre-loading height | |||
| 当加载图片失败的时候 | |||
| 当加载图片成功的时候 | |||
| 尝试计数 | |||
| 想要监听的事件 | Desired Listen Events | ||
| 动态修改元素属性 | Element Adapter | ||
| 图片监听或过滤器 | Image listener filter | ||
| lazyload component | Lazy Component | ||
| 触发dom事件 | |||
| throttle wait | |||
| use IntersectionObserver | |||
| IntersectionObserver options | { rootMargin: ‘0px’, threshold: 0.1 } | IntersectionObserver |
想要监听的事件
您可以通过传递数组来配置想要使用vue – lazyload的事件
监听器的名字。
文章知识点与官方知识档案匹配，可进一步学习相关知识Vue入门技能树首页概览23389 人正在系统学习中
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！