当前位置: 首页 > Web前端 > vue.js

VUEElementUI简单上传上传组件

时间:2023-03-31 17:41:31 vue.js

.upload-dialog{text-align:center;}.upload-demo.el-upload-dragger{宽度:100%;}.process_container{显示:flex;位置:绝对;顶部:0px;左:0px;宽度:100%;高度:-webkit-fill-available;对齐项目:居中;对齐内容:空格之间;证明内容:居中;background:white;}第一次用elementui,简单写了一个上传组件1.BaseUpload.vue.upload-dialog{text-align:center;}.upload-demo.el-upload-dragger{宽度:100%;}.process_container{显示:flex;位置:绝对;顶部:0px;左:0px;宽度:100%;高度:-webkit-fill-available;对齐项目:居中;对齐内容:空格之间;证明内容:居中;background:white;}2.axios代码letdata=awaitaxiosInstance.post(url,params,{headers:{"Content-Type":"multipart/form-data"},timeout:uploadTimeout,onUploadProgress:progressEvent=>{letprogressPercent=(progressEvent.loaded/progressEvent.total*100);回调(progressPercent);}}).catch(e=>{returne;});返回数据;}