vant4 上传图片回显

vant4 是一个基于 Vue.js 的移动端 UI 组件库，可以很方便地实现图片上传与回显的功能。
在 vant4 中使用上传图片回显的功能，主要涉及两个组件：Uploader 和 Image。
首先，在页面中引入 Uploader 组件，在其属性中设置 action 属性为图片上传的后端接口地址。例如：
<Uploader
:action="uploadImgUrl"
:limit="1"
:before-upload="beforeUpload"
@success="handleSuccess">
<div class="upload-btn">点击上传图片</div>
</Uploader>

其中，uploadImgUrl 是图片上传的后端接口地址，beforeUpload 方法用于在上传之前执行一些操作，handleSuccess 方法用于处理上传成功后的回调。
接下来，在 handleSuccess 方法中，可以获取到上传成功后的图片地址，然后将其赋值给一个变量，用于后续展示图片。例如：
data() {
return {
imageUrl: ''
}
},
methods: {
handleSuccess(response) {
this.imageUrl = response.data.url;
}
}

最后，使用 Image 组件来展示回显的图片。在其属性中设置 src 属性为上述变量 imageUrl。例如：
<Image :src="imageUrl" />

这样，上传成功后的图片就可以在页面上进行回显了。
需要注意的是，vant4 的图片上传回显功能需要与后端接口配合使用，前端上传成功后，后端返回图片地址，在前端再将其赋值给变量，进行回显展示。另外，如果需要上传多张图片，可以根据需求调整 Uploader 组件的 limit 属性。
这就是使用 vant4 实现图片上传回显的简要步骤，希望能对您有所帮助！