fix: submitForm主体ok

src/views/file/Upload.vue

@@ -50,9 +50,9 @@ export default {
     const form= reactive({
       fileName: '',
     })
-    //html元素
+    //DOM元素
     const formRef=ref('formRef')
-
+    const upload=ref('upload')
     const message= '请上传csv/xlsx/xls格式的文件';
     //文件列表
     let fileList= []
@@ -63,9 +63,33 @@ export default {
       if (!formEl) return
       await formEl.validate((valid, fields) => {
         if (valid) {
-          ElMessage.success('submit!')
+          ElMessage.success('校验成功!')
+          if (fileList.length <= 0) {
+            ElMessage.error("至少上传一个包！");
+            return;
+          }
+          upload.submit();
+          //将表单内其他内容添加进formData
+          formData.append('fileName', form.fileName)
+          formData.append('userId', "1")
+          //调用接口，提交即可
+          UploadFile(formData).then(res => {
+            console.log(res)
+            if (res.status === 200)
+            {
+              // fullscreenLoading = false;
+              ElMessage.success('上传成功');
+              formData = {}
+              fileList = []
+              resetForm(form)
+            }
+            else
+              {
+                ElMessage.error("上传失败");
+              }
+          })
         } else {
-          ElMessage.error('error submit!')
+          ElMessage.error('校验失败!')
           console.log(fields)
         }
       })

src/views/file/Upload2.vue

@@ -148,9 +148,13 @@ export default {
       const submitForm = async (formEl) => {
         if (!formEl) return
         await formEl.validate((valid, fields) => {
-          if (valid) {
+          if (valid)
+          {
             console.log('submit!')
-          } else {
+          }
+
+          else
+          {
             console.log('error submit!', fields)
           }
         })