优化上传图片

src/components/UploadImg.vue

@@ -16,8 +16,9 @@
     </div>
     <div v-if="file">
       <p>{{file.name}}</p>
-      <button class="btn upload-btn btn-sm btn-primary" @click="upload" v-if="!value">{{$t('common.upload')}}</button>
-      <button class="btn upload-btn btn-sm btn-danger" @click="del" v-else>{{$t('common.delete')}}</button>
+      <!-- <button class="btn upload-btn btn-sm btn-primary" @click="upload" v-if="!value">{{$t('common.upload')}}</button> -->
+      <!-- v-else -->
+      <button class="btn upload-btn btn-sm btn-danger" @click="del" >{{$t('common.delete')}}</button>
     </div>
   </div>
 </template>
@@ -35,9 +36,15 @@ export default {
   watch:{
     value(n){
       this.uploadImg = n
+    },
+    file(v){
+        if(v && !this.value){
+            this.upload()
+        }
     }
   },
   created(){
+    
   },
   methods: {
     del() {
@@ -124,4 +131,4 @@ export default {
     object-fit: cover;
   }
 }
-</style>
+</style>