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

产生进度条消失的原因:

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

查找资料:

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

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

改造element ui upload组件:

第一步:改装element ui 组件
element ui 图片自定义上传进度条消失问题
第二步:通过查找网上的资源后,发现axios请求的参数中使用 onUploadProgress事件下面的progressEvent可以监控到图片上传的进度
element ui 图片自定义上传进度条消失问题
第三步:需要引入element ui的进度条组件
element ui 图片自定义上传进度条消失问题
第四步:在data中注册percentage参数
element ui 图片自定义上传进度条消失问题

相关文章:

  • 2021-04-29
  • 2021-12-23
  • 2021-09-12
  • 2021-09-06
  • 2021-11-22
  • 2021-11-22
  • 2021-10-16
猜你喜欢
  • 2021-11-24
  • 2020-05-25
  • 2021-08-04
  • 2021-10-04
  • 2021-11-20
  • 2021-08-09
  • 2021-08-09
相关资源
相似解决方案