给Uploader组件设置一个变化的key
上传图片后通过更新key引起虚拟DOM的刷新
<van-uploader
:key="uploaderKey"
:after-read="afterRead"
v-model="fileList"
@delete="handleDelete"
:max-count="1"
accept=".png,.jpg,.jpeg">
<template #preview-cover="{ file }">
<img :src="file.url || ruleForm.imgCertificateFace" alt=""/>
</template>
</van-uploader>const uploaderKey = ref(0);
const refreshUploader = () => {
uploaderKey.value += 1; // 改变 key 的值以强制重新渲染
};
const afterRead = (file) => {
// 其他处理
refreshUploader();
}
const handleDelete = (index) => {
// 其他处理
refreshUploader()
}
评论区