如何用Vue技术实现图片的懒加载效果?
- 内容介绍
- 文章标签
- 相关推荐
本文共计435个文字,预计阅读时间需要2分钟。
在一个页面中,当图片比较多时,需要对界面的图片进行懒加载处理。今天遇到了这种情况,下面是懒加载的笔记:
1. 需要安装vue的懒加载插件。 npm install vue-lazyload --save-dev
2. 在main.js中引入并使用这个插件。 javascript import Vue from 'vue' import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload)
一个页面图片比较多的时候,需要对界面的图片进行懒加载处理,今天遇到了,做个懒加载的笔记。
1,需要安装vue的懒加载插件。
npm install vue-lazyload --save-dev
2,需要在main.js里面进行引用。
本文共计435个文字,预计阅读时间需要2分钟。
在一个页面中,当图片比较多时,需要对界面的图片进行懒加载处理。今天遇到了这种情况,下面是懒加载的笔记:
1. 需要安装vue的懒加载插件。 npm install vue-lazyload --save-dev
2. 在main.js中引入并使用这个插件。 javascript import Vue from 'vue' import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload)
一个页面图片比较多的时候,需要对界面的图片进行懒加载处理,今天遇到了,做个懒加载的笔记。
1,需要安装vue的懒加载插件。
npm install vue-lazyload --save-dev

