element ui 图片自定义上传进度条消失问题

element ui 图片自定义上传进度条消失问题

参考资料： element ui官方文档：https://element.eleme.cn/#/zh-CN/component/upload
axios官方文档： http://www.axios-js.com/zh-cn/docs/
参考博客：https://www.jianshu.com/p/02e3fa533b86

产生进度条消失的原因：

查找资料：

发现axios请求的参数中使用 onUploadProgress事件下面的progressEvent可以监控到图片上传的进度

改造element ui upload组件：

第一步：改装element ui 组件

第二步：通过查找网上的资源后，发现axios请求的参数中使用 onUploadProgress事件下面的progressEvent可以监控到图片上传的进度

第三步：需要引入element ui的进度条组件

第四步：在data中注册percentage参数