vue-lazyload图片懒加载项目应用
- Github网站地址 ：https://github.com/hilongjw/vue-lazyload
- 下载包 npm install --save vue-loader
- 引入并且应用插件(main.js)
- import Vue-lazyload from 'vue-lazyload'
- Vue.use(Vue-lazyload)
- 在main中可以配置使用
-
import VueLazyload from 'vue-lazyload'
import loading from './common/img/loading.gif'
Vue.use(VueLazyload, {
loading //加载之前显示的图片
}) -
在具体页面中把src换为v-lazy
-
-
页面中引用
-
<img v-lazy="food.image">
-
插件配置参数