欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

使用vue-lazyload实现图片懒加载

程序员文章站 2022-09-27 08:43:42
1、安装插件 cnpm install --save vue-lazyload 2、引入组件 src/main.js 3、页面中使用懒加载,把 :src 换成 v-lazy 效果图 ......

1、安装插件 cnpm install --save vue-lazyload

使用vue-lazyload实现图片懒加载

 

 

2、引入组件

src/main.js

使用vue-lazyload实现图片懒加载

 

 

3、页面中使用懒加载,把 :src 换成 v-lazy

使用vue-lazyload实现图片懒加载

 

 

效果图

使用vue-lazyload实现图片懒加载