el-upload上傳诅炉，不立即上傳，點擊確定的時候上傳的時候進度條
html部分
<div class="file-handle">
<el-upload ref="uploadFile" action="#"
:auto-upload="false"
:file-list="createShowData.fileList"
accept=".pdf"
:on-change="fileChange">
<div class="file-text">
<el-button type="primary" v-auto-blur>讀取文件</el-button>
</div>
</el-upload>
<el-progress v-if="progressFlag" :percentage="loadProgress"></el-progress>
</div>
js部分
let formData = new FormData();
formData.append("reportName", this.createShowData.reportName);
formData.append("description", this.createShowData.description);
axios({
method: "POST",
headers: { "Content-Type": "multipart/form-data" },
url: '請求地址',
data: formData,
onUploadProgress:((node)=>{
let tempProgress = node.loaded/node.total; //上傳進度
this.progressFlag = true;
this.loadProgress = parseInt(tempProgress *100 ) ;
if(tempProgress == 1){
this.progressFlag = false;
this.closeDialog();
this.isFormLoading = false;
}
})
}).then((res) => {
this.uploadSuccess(res);
}).catch((res)=>{
this.$layer.message(res || "失敗",'error')
});
