feat:优化了文件上传

src/views/file/FileList.vue

@@ -98,12 +98,7 @@ export default {
 
     let userId=1;
     let state = reactive({
-      fileList: [
-        {
-          fileId: "1",
-          fileName:"MyFile",
-        },
-      ],
+      fileList: [],
       picList:[
         {
           date: "2018-04-19 20:00:00",

src/views/file/Upload.vue

@@ -89,8 +89,7 @@ export default {
     const message= '请上传csv格式的文件';
     //文件列表
     let fileList= [];
-    //用于放数据  FormData类型
-    let formData= new FormData();
+
 
     //校验规则
     const rules = reactive({
@@ -126,6 +125,8 @@ export default {
             return;
           }
 
+          //用于放数据  FormData类型
+          let formData= new FormData();
           //将表单内其他内容添加进formData
           formData.append('fileName', form.fileName+'.csv')
           formData.append('file', fileList[0].raw);
@@ -136,6 +137,7 @@ export default {
           UploadFile(formData).then(res => {
             console.log(res)
             fileList=[]
+            form.fileName=''
             formEl.resetFields()
             uploadEl.clearFiles()
             if (res.status === 200)
@@ -164,6 +166,7 @@ export default {
                 ElMessage.error("上传失败!失败码:"+res.status);
               }
           })
+          console.log(form.fileName);
         }
         else {
           ElMessage.error('校验失败!')

src/views/unused/router/index.js

@@ -102,7 +102,7 @@ const routes = [
                 path: "/upload",
                 name: "upload",
                 meta: {
-                    title: '上传插件'
+                    title: '文件上传'
                 },
                 component: () => import ( /* webpackChunkName: "upload" */ "../../file/Upload.vue")
             },