vue图片懒加载

1.引入vue-lazyload.js

2.//vue懒加载图片

Vue.use(VueLazyload, { 

    preLoad: 1.3, 

    error:'images/error.png', //加载错误的图片

    loading: 'images/loading.gif', //加载中的图片，最好找一个loading的gif

    attempt: 1  ,

    listenEvents: [ 'scroll' ]//监听的事件

}); 

3.html中将src改为  v-lazy='http://192.168.0.105/app/handlerapp.ashx?action=GetMaintenanceThumbnail&billID='+data.BillID+'&r='+Math.random()

4.注意后面要加入一个随机数，不然src如果认为网址一样的话，就不去刷新了