当你用vue开发的时候,不可避免的就会遇到图片懒加载的问题 ,而vue-lazyload插件主要用于图片延迟加载的 Vue 模块。
vue-lazyload使用
npm install vue-lazyload --save
//注册插件
import vueLazyload from 'vue-lazyload'
Vue.use(vueLazyload);
//在需要懒加载的图片上
<img v-lazy="imgUrl">
图片懒加载的简单效果已经实现了,然后就可以按这开发文档的api进行扩展了:
链接: https://fly63.com/nav/1401