vant图片预览,vant 图片上传,vant图片懒加载,vant保存图片,vant 图标,vant图片上传打开相册
Vant4 Image 是一种基于 Vue.js 框架的图片组件，它提供了在页面中快速加载和展示图片的功能。

该组件具有以下特点：

1. 支持图片懒加载，可以通过设置 lazyload 属性来延迟加载图片，提高页面性能和用户体验；
2. 支持图片预览，可以通过设置 preview-src-list 属性来实现图片的缩略图预览；
3. 支持图片裁剪和缩放，可以通过设置 fit 和 width、height 属性来实现对图片的裁剪和缩放。

下面是一个使用 Vant4 Image 组件的例子：

html
<template>
<van-image
:src="imageUrl"
lazyload
fit="cover"
width="100%"
height="200px"
:preview-src-list="[imageUrl]"
/>
</template>

<script>
export default {
data() {
return {
imageUrl: 'https://example.com/image.jpg'
}
}
}
</script>


在上面的代码中，我们创建了一个 Vant4 Image 组件，并设置了 src 属性为图片的 URL 地址，同时开启了懒加载和图片预览功能。我们还使用了 fit 属性将图片裁剪为覆盖整个组件区域，并设置了组件的宽度和高度。