From 1daa5c17ffbc545d336248fbc63d084f78807764 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com>
Date: Sun, 23 Jan 2022 00:46:07 +0800
Subject: [PATCH] =?UTF-8?q?fix(SingleUpload.vue):=20=E4=BF=AE=E5=A4=8Dhand?=
 =?UTF-8?q?leRemove=E7=9A=84TypeScript=E7=BC=96=E8=AF=91=E6=8A=A5=E9=94=99?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Upload/SingleUpload.vue | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/Upload/SingleUpload.vue b/src/components/Upload/SingleUpload.vue
index ff00474c..55d9201f 100644
--- a/src/components/Upload/SingleUpload.vue
+++ b/src/components/Upload/SingleUpload.vue
@@ -65,7 +65,7 @@ const imgUrl = computed<string | null>({
  */
 function uploadImage({file}: any) {
   uploadFile(file).then(response => {
-     imgUrl.value = response.data
+    imgUrl.value = response.data
   })
 }
 
@@ -86,12 +86,14 @@ function handleExceed(files: UploadFile[]) {
 
 /**
  * 删除图片
- * 
+ *
  * @param file
  */
-function handleRemove(file: string) {
-  deleteFile(file)
-  imgUrl.value = null // 这里会触发imgUrl的computed的set方法
+function handleRemove(file: string | null) {
+  if (file) {
+    deleteFile(file)
+    imgUrl.value = null // 这里会触发imgUrl的computed的set方法
+  }
 }
 
 function handleBeforeUpload(file: any) {
@@ -111,7 +113,7 @@ function handleBeforeUpload(file: any) {
 
 <style lang="scss" scoped>
 
-.component-container{
+.component-container {
   .single-uploader {
     cursor: pointer;
     position: relative;
@@ -120,16 +122,19 @@ function handleBeforeUpload(file: any) {
     &:hover {
       border-color: #409EFF;
     }
-    &-icon{
+
+    &-icon {
       font-size: 28px;
       color: #8c939d;
       text-align: center;
     }
-    &-image{
+
+    &-image {
       width: 146px;
       height: 146px;
       display: block;
     }
+
     &-remove-icon {
       font-size: 12px;
       color: #ff4d51 !important;