Vant Uploader 图片回显

今天在开发中，用到van-uploader上传。在修改用户信息的时候，需要用到图片回显。

当图片信息，后端返回的是一个url地址。如何在组件中进行回显呢。

在官方文档中有提到，可以有自定义上传样式。那我们是不是可以把button换成img，src就用后端返回的url，就可以进行回显了呢。

把 van-button换成van-image

<van-uploader
    :max-count="1"
    :after-read="handleUpload"
    >
        <van-image  width="60" height="60" 
             :src="formTenant.merchantHead?formTenant.merchantHead:require('@/assets/morentu.png')" />
</van-uploader>

 formTenant.merchantHead就是后端返回的url，以上用了三元表达式，如果后端有返回值，就渲染返回值，如果没有则渲染默认图片。

以上就是Vant Uploader 图片回显，特此记录。