vue懒加载插件使用教程vue-lazyload

 浆糊之家   2018-04-20 16:20   466 views 热度值

首先我们先在npm上下载vue-lazyload的包

然后我们在main.js里面import这个包,当然,单单这一个包是不够的,还得其他的文件

 

然后我们配置vue-lazyload;

我是这样写的(也是在main.js文件中配置)

官方给出的具体配置api可以看下图

vue懒加载插件使用教程vue-lazyload

 

然后在组件里写法是

 

这样就可以在页面里实现图片懒加载效果了,当然,官方给出的写法可能和我这个有点出入,但是木有关系啦。

还可以用css的写法,这个是官方的写法,有兴趣的可以试试!

PREVIOUS:已经是最后一篇了

 发表评论


表情