Vue中的图片懒加载
安装插件
npm install vue-lazyload --save-dev
在main.js中引入
import VueLazyload from 'vue-lazyload'
// Vue.use(VueLazyload)
Vue.use(VueLazyload, {
preLoad: 1.3,
error: 'dist/error.png',
loading: 'dist/loading.gif',
attempt: 1
})
使用 用v-lazy代替 :src
<img v-for="item in imgUrl" :key="item.id" v-lazy="item.imgPath" alt="">