el-form-item el-upload进度条100%
时间: 2023-08-19 18:17:07 浏览: 156
在el-form-item中使用el-upload组件时,如果想要实现进度条显示100%,可以通过自定义请求来实现。根据引用\[1\]中的描述,可以使用http-request来自定义上传,并搭配自定义进度条来实现。在具体的代码实现中,可以参考引用\[2\]和引用\[3\]中的示例代码。在importCheck方法中,通过调用costDetailImportCheck接口方法,并传入uploadEvent参数,可以实现上传进度的监听。在接口方法中,可以使用uploadEvent参数来实现进度条的更新。当上传完成后,可以将进度条的显示状态设置为false,即可实现进度条显示100%的效果。
#### 引用[.reference_title]
- *1* [el-upload使用http-request自定义上传和进度条实战](https://blog.csdn.net/IndexMan/article/details/120447860)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [el-upload自定义上传文件显示进度条](https://blog.csdn.net/weixin_43363871/article/details/126769620)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文