vue3项目之vue-lazyload 图片懒加载

2、vue-lazyload 图片懒加载

官网：https://github.com/hilongjw/vue-lazyload/tree/next

下载：npm i vue-lazyload -S

import VueLazyload from 'vue-lazyload'
import errorimage from './assets/error.png'

// 图片懒加载
app.use(VueLazyload, {
    
    
    preLoad: 1.3,
    error: errorimage,
    loading: errorimage,
    attempt: 1
})

<img v-lazy="item.pictureUrl" >