diff --git a/src/components/FileUpload/index.vue b/src/components/FileUpload/index.vue index fc4f86f..117b7e1 100644 --- a/src/components/FileUpload/index.vue +++ b/src/components/FileUpload/index.vue @@ -10,12 +10,12 @@ :on-exceed="handleExceed" :on-success="handleUploadSuccess" :show-file-list="false" - :data="data" + :data="uploadData" :drag="drag" :headers="headers" :auto-upload="autoUpload" class="upload-file-uploader" - ref="upload"> + ref="fileUpload"> - + - + + - + --> + - + @@ -102,8 +98,18 @@ - - + + + @@ -187,7 +193,11 @@ - {{ formView.fileUrl }} + +
+ {{ formView.fileUrl }} +
+
@@ -270,7 +280,7 @@ const state = reactive({ }) const { queryParams, form, rules } = toRefs(state) const { proxy } = getCurrentInstance() -const uploadData = ref({}) +const uploadData = ref() // 查询数据 function getList() { proxy.addDateRange(queryParams.value, dateRangeAddTime.value, 'Create_time') @@ -362,13 +372,19 @@ function handleUploadSuccess(filelist) { function submitUpload() { proxy.$refs['formRef'].validate((valid) => { if (valid) { - uploadData.value = { - fileDir: form.value.storePath, - fileName: form.value.fileName, - storeType: form.value.storeType, - fileNameType: form.value.fileNameType - } - proxy.$refs.uploadRef.submitUpload() + var result = new Promise((resolve) => { + uploadData.value = { + fileDir: form.value.storePath, + fileName: form.value.fileName, + storeType: form.value.storeType, + fileNameType: form.value.fileNameType + } + resolve(true) + }) + //使用异步解决第一次上次获取不到表单的值 + result.then(() => { + proxy.$refs.uploadRef.submitUpload() + }) } }) }