v-lazy
2020-12-11 本文已影响0人
monkeyfly36
使用
// 安装
npm i vue-lazyload --save
// 注册
import VueLazyload from 'vue-lazyload' // 引入这个懒加载插件
// Vue.use(VueLazyload) // 直接使用
Vue.use(VueLazyload, { // 添加自定义选项
preLoad: 1.3,
error: '../static/icon/white.png', // 加载错误时候的图片
loading: '../static/icon/white.png', // 加载中的图片
attempt: 7,
listenEvents: [ 'scroll' ],
})
// 组件使用
<img v-lazy="item.faceImagePath" @click="imgChoose(item.id)">
