标题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 图片回显,特此记录。