为什么数据导出页面变空白呢

Question

vue写的后台管理系统，当页面查询到3000多条数据时点导出按钮，页面虽然导出了Excel表格但是页面变空白了，这是为什么呢

//导出按钮

        Exportsuccess(){
            let vm = this;
            vm.listQuery.startDate= vm.listQuery.depart_date[0];
            vm.listQuery.endDate= vm.listQuery.depart_date[1];
            vm.listQuery.costPredictionState="3";
            console.log('时间'+vm.listQuery.startDate +vm.listQuery.endDate);
            var url = api.Export+"/?startDate="+vm.listQuery.startDate
                +"&endDate="+vm.listQuery.endDate
                +"&costPredictionState="+vm.listQuery.costPredictionState
                +"&transNumber="+vm.listQuery.transNumber
                +"&carrierName="+vm.listQuery.carrierName
                +"&plate="+vm.listQuery.plate
                +"&startOrgCode="+vm.listQuery.startOrgCode
                +"&endOrgCode="+vm.listQuery.endOrgCode
                +"&runMode="+vm.listQuery.runMode
                +"&settlementMode="+vm.listQuery.settlementMode;
                console.log(url);
                window.location.href=url;
        },

Answer 1

你这是页面跳转走了呀？跟vue没关系了，那个地址是哪的，空白是因为它就是空白吧。
不想跳转的话可以这样

const link = document.createElement('a');
link.download = '文件名';
link.href = '下载地址'
document.body.appendChild(link);
link.click();
document.body.removeChild(link);

不过ie不兼容，ie的方式自己去搜一下吧。（比如主动弹出一个新窗口去下载之类的）