使用懒加载
- 下载依赖包
cnpm install vue-lazyload -D - 引入到main.js中并使用
import Vuelazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
preLoad: 1.3,
error: 'dist/error.png',
loading: 'dist/loading.gif', (图片路径,可以只写这一个)
attempt: 1
})
3.在你的项目中,使用懒加载的img,把src改为v-lazy
<ul>
<li v-for="img in list">
<img v-lazy="img.src" >
</li>
</ul>
4.完成,启动项目