VUE种图片懒加载

VUE种图片懒加载

1、安装图片懒加载组件

npm install vue-lazyload

2、在main.js中引入

import VueLazyLoad from 'vue-lazyload' 
Vue.use(VueLazyLoad,{
    
    
    error:'./static/error.png', //加载报错图片路径
    loading:'./static/loading.gif'//加载中图片路径
})

3、使用方式：

将<img  :src="路径"> 
修改成：
<img v-lazy="路径">