antdesign vue 图片懒加载

Ant Design Vue并没有提供图片懒加载的功能，但你可以使用第三方库来实现图片懒加载。其中比较常用的库是`vue-lazyload`。下面是一个使用`vue-lazyload`实现图片懒加载的示例：

首先，安装`vue-lazyload`库：

npm install vue-lazyload --save

然后，在你的Vue组件中引入并使用`vue-lazyload`：

import Vue from 'vue'
import VueLazyload from 'vue-lazyload'

Vue.use(VueLazyload, {
  preLoad: 1.3, // 预加载高度的比例
  error: 'error.png', // 加载失败时显示的图片
  loading: 'loading.gif', // 加载中显示的图片
  attempt: 1 // 尝试加载次数
})

// 在模板中使用懒加载的图片
<template>
  <div>
    <img v-lazy="imageSrc" alt="图片">
  </div>
</template>

// 在data中定义图片的路径
data() {
  return {
    imageSrc: 'path/to/image.jpg'
  }
}

这样，当图片进入可视区域时，图片会自动加载。如果加载失败，会显示错误图片，如果还未加载完成，会显示加载中的图片。