el-upload 上传文件的同时上传数据给el-upload组件的:data赋值就可以了。但是没有选择文件的时候上传是提交不了的。 #### 那么就可以做一个判断，如果有选择文件，就按照文件的上传方法，如果没有选择文件就直自己发起请求提交表单里边的数据 这里是配合表单做的，表单其实就是填写数据而已，填写表单的时候双向绑定会把表单里边的数据存储到变量里边，我们自己发送一个请求把填写的数据传回去就行了 ``` state['formRef'].validate(async (valid) => { if (valid) { fullscreenLoading = ElLoading.service({ lock: true, text: '存储中，请稍等...', background: 'rgba(255, 255, 255, 0.6)', }) // 如果有选择文件，就按照文件的上传方法 if (state.allImgNum > 0) { state.uploadRef.submit() } // 如果没有选择文档就直接提交表单 else { alert('没有传递文件直接提交单表') const { msg } = await upLoadNoFile(state.data) //关闭laoding fullscreenLoading.close() } } }) ``` **upLoadNoFile就是封装的发送post请求后台的方法** ``` // 当没有选择文件时候的上传方法 export function upLoadNoFile(data: any) { return request({ url: '/api/FileManager/type', method: 'post', data, }) } ``` **data里边的变量，贴几个** ``` //上传时候可以附带的额外的参数。比如绑定select值的时候可以用里边的方便直接回传 //额外参数可以不用写到那个上传文件的模板里边，只要绑定好一起回传就好了 data: { filePremissonId: '', fileTypeId: '1', archivesTypeId: '', FileName: '', StartDate: '2020-2-9', EndDate: '2020-2-9', CatalogNumber: '', //目录号 FileNumber: '', //档案号 RetentionPeriod: '', //保管期限 ConfidentialityLevel: '', //保密等级 ConfidentialityEndDate: '', //保密期限 PageNumber: null, // 页数 , 数字类型不传的话默认设置为null，不然会报错的 PageCode: null, //页码 StorageSituation: '', //保管情况 Remark: '', // 备注信息 ArchiveGeneralId: '', // 全宗号 ArchiveDoorTypeId: '', // 门类号 } ```