watch了immediate参数,防止组件异步调用获取数据失败的问题

web/src/components/selectFile/selectFile.vue

@@ -17,9 +17,9 @@
 
 <script setup>
 
-import { ref, watch } from 'vue'
+import {ref, watch} from 'vue'
-import { ElMessage } from 'element-plus'
+import {ElMessage} from 'element-plus'
-import { useUserStore } from '@/pinia/modules/user'
+import {useUserStore} from '@/pinia/modules/user'
 
 defineOptions({
   name: 'UploadCommon',
@@ -45,9 +45,17 @@ watch(fileList.value, (val) => {
   console.log(val)
   emits('update:modelValue', val)
 })
+watch(
+    () => props.modelValue,
+    value => {
+      fileList.value = value
+      emits('update:modelValue', val)
 
+    },
+    {immediate: true}
+)
 const uploadSuccess = (res) => {
-  const { data } = res
+  const {data} = res
   if (data.file) {
     fileList.value.push({
       name: data.file.name,