vue使用了element-ui框架中的上傳組件進度條無法使用,:on-progress鈎子無法觸發
在上傳文件時要做進度顯示,需要用到xhr.upload.onprogress事件,此時如果用到mock.js模擬數據的話,則無法觸發onprogress事件
原因:
el-upload的源碼中 const xhr = new XMLHttpRequest() ,而mockjs會重新聲明一個XMLHttpRequest導致el-upload的progress失效
解決方法:
注掉一行引用的mock的代碼即可
這時候再去項目里調試,ok,進度條完美呈現