element ui 圖片自定義上傳進度條消失問題

element ui 圖片自定義上傳進度條消失問題

參考資料： element ui官方文檔：https://element.eleme.cn/#/zh...

axios官方文檔：    http://www.axios-js.com/zh-cn/docs/

參考博客：https://www.jianshu.com/p/02e...

產生進度條消失的緣由：

查找資料：

發現axios請求的參數中使用 onUploadProgress事件下面的progressEvent能夠監控到圖片上傳的進度

改造element ui upload組件：

第一步：改裝element ui 組件

第二步：經過查找網上的資源後，發現axios請求的參數中使用 onUploadProgress事件下面的progressEvent能夠監控到圖片上傳的進度

第三步：須要引入element ui的進度條組件

第四步：在data中註冊percentage參數