vue js 模拟a标签点击下载监听进度条下载进度

var fileName ='调控日志';//下载文件名称

 var url = process.env.VUE_APP_EXPORT_URL+'/deviceManagement/aa.xls'//下载文件地址

                     var xhr = new XMLHttpRequest();

                         xhr.open('GET', url);

                         xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

                         xhr.responseType = "blob";

                         xhr.onprogress = function (event) {

                             if (event.lengthComputable) {

                                 console.log('1',event.loaded);

                                 console.log('2',event.total);  

                                 if(parseInt(event.loaded)==parseInt(event.total)){

                                    _that.exportLoading1 = false

                                 }

                                }

                         };

                         xhr.onload = function (oEvent) {

                             if (xhr.readyState === 4 && xhr.status === 200) {

                                 var blob = new Blob([xhr.response], {type: 'application/vnd.ms-excel'});

                                 var csvUrl = URL.createObjectURL(blob);

                                var link = document.createElement('a');

                                 link.href = csvUrl;

                                 link.download = fileName;

                                 link.click();  

                                 _that.exportLoading1 = false        

                             }

                         }

                         xhr.send();