vue-lazyload使用

版权声明：转载请注明出处。 https://blog.csdn.net/zeroyulong/article/details/83584386

一、集成vue-lazyload

npm install vue-lazyload

二、配置main.js

import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload,{
	preLoad:1.3,
	error:require('./assets/error.png'),
	loading:require('./assets/loading.png'),
	attempt:1
})

三、需要使用的页面中使用

<ul>
  <li v-for="img in list">
    <img v-lazy="img.src" >
  </li>
</ul>