我是這么實(shí)現(xiàn)的, 用ref獲取到element中el-upload 的file數(shù)據(jù), 然后手動(dòng)上傳附件 返回promise后在提交表單

用formData手動(dòng)上傳，上傳成功再調(diào)用提交表單的接口

餓了么UI獲取file:

  <el-upload :on-change="fileChange" ></el-upload>
   
data(){
    files:[],//要上傳的文件對(duì)象
},
methods:{
    fileChange(file){
        this.files.push(file.raw);//上傳文件變化時(shí)將文件對(duì)象push進(jìn)files數(shù)組
    },
    upload(){
        let formData = new FormData();
        formData.append('files',this.files);
        let config = {
            headers: {
                'Content-Type': 'multipart/form-data'
            }
        };
        axios.post(uploadUrl,formData,config).then(res=>{
            if(res.code===0){
                this.submitForm();//提交表單
            }
        })
    }
}
       

那就監(jiān)聽上傳成功后再提交formdata咯

<el-upload ref="upload" :on-success="uploadOnSuccess" :on-error="uploadOnError"></el-upload>

methods

uploadOnError(){
    this.$message.warning("圖片上傳出錯(cuò)！")
},
uploadOnSuccess(){
    //圖片上傳成功
    this.handleSubmit();
},
handleSubmit(){
    //驗(yàn)證表單
    this.$refs.myForm.validate((valid) => {
        if(!valid){
            //表單出錯(cuò)啦
        }else{
            //提交表單
        }
    })
}