vue使用餓了么element-ui框架中的上傳組件進度條無法使用,:on-progress鈎子無法觸發的原因


自己寫的例子都是好好的,調試了半天,在項目里怎么都出不來

最終終於找到原因:

在上傳文件時要做進度顯示需要用到xhr.upload.onprogress事件,此時如果你的項目里用到mock.js模擬數據的話則無法觸發onprogress事件

el-upload的源碼中 const xhr = new XMLHttpRequest() 而mockjs會重新聲明一個XMLHttpRequest導致el-upload的progress失效

這時候只要我們保證后台接口都調試完成的狀態下

注掉一行引用的mock的代碼即可

這時候再去項目里調試,ok,進度條完美呈現

真是坑啊


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM