遇到问题： 动态添加文件上传， 文件上传须要与某个做用域变量关联？ 1. 经过 data属性传递做用域； 2. http-request="handlePostFileBofore ，自定义控制的方法中，将文件放到做用域中； 3. @click="handlePostFile(item)" 点击上传，将已放在做用域中的文件，发请求上传。 <el-form-item label="同住伙伴照片：" class="form_photo"> <el-upload class="upload-demo" limit="1" :data="item" :action="getUploadUrl()" :http-request="handlePostFileBofore" name="salaryBill"> <el-button slot="trigger" size="small" type="primary">选取图片</el-button> <el-button style="margin-left: 10px;" size="small" type="success" @click="handlePostFile(item)">确认上传 </el-button> <div slot="tip" class="el-upload__tip">只能上传jpg/png格式的文件</div> </el-upload> </el-form-item> getUploadUrl(){ return commonFileUpload; }, // 选好文件后，会自动触发改方法（设为自动上传 :auto-upload='true'） handlePostFileBofore(uploadItem){ let formData = new FormData(); formData.append('file', uploadItem.file); uploadItem.data.fileData = formData; }, // 手动上传文件 handlePostFile(item){ let formData = item.fileData; reqFileUpload(formData).then(res => { item.iconUrl = res.message.url; item.fileData = null; this.$message({ message: '上传成功！', type: 'success' }); }).catch(err => { this.$message.error('上传失败，请从新上传') }) },