Vue lazyload懒加载使用
2018-02-28 10:55
281 查看
当我们项目使用到大量的图片时候,为了解决不必要的资源浪费,一般会选择一个懒加载。下面就说一下vue-lazyload插件的使用
第一步。下载 npm install vue-lazyload
第二步。在main.js中启用此插件 import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload,{
loading:'../static/img/load.png'
});
第三步。在实例中使用 <img v-lazy="item.imgurl" >其中 用v-lazy 代替:src 这样 懒加载就完成了。
下面介绍一下文档
第一步。下载 npm install vue-lazyload
第二步。在main.js中启用此插件 import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload,{
loading:'../static/img/load.png'
});
第三步。在实例中使用 <img v-lazy="item.imgurl" >其中 用v-lazy 代替:src 这样 懒加载就完成了。
下面介绍一下文档
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||
相关文章推荐
- VUE图片懒加载-vue lazyload插件的简单使用
- Vue图片懒加载插件 - vue lazyload的简单使用
- vue + vuelazyload图片懒加载 + 显示默认图片 (视频门户网站)
- 深入研究jQuery图片懒加载 lazyload.js使用方法
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- 网页图片延迟加载LazyLoad.js使用方法介绍和实例
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- 图片懒加载imglazyload之ioniclazyload的使用和介绍
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- 小白入门---Vue懒加载(vue-lazy-load)
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- 使用jquery.lazyload.js 图片懒加载
- 移动端图片居多,加载过慢,使用延迟加载|懒加载( lazyload.js)
- js怎样实现图片的懒加载以及jquery.lazyload.js的使用
- 如何使用js懒加载图片|如何使用jquery.lazyload.js|网页优化|如何提高网页加载速度
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- 如何使用js懒加载图片|如何使用jquery.lazyload.js|网页优化|如何提高网页加载速度
- 按需加载图片的 jQuery 插件 lazyload.js 使用方法详解
- jQuery图片延迟加载插件jQuery.lazyload插件使用说明