鍍金池/ 問答/HTML/ 為什么數(shù)據(jù)導出頁面變空白呢

為什么數(shù)據(jù)導出頁面變空白呢

clipboard.png

clipboard.png

vue寫的后臺管理系統(tǒng)，當頁面查詢到3000多條數(shù)據(jù)時點導出按鈕，頁面雖然導出了Excel表格但是頁面變空白了，這是為什么呢

clipboard.png

//導出按鈕

        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;
        },
回答
編輯回答
短嘆

你這是頁面跳轉走了呀？跟vue沒關系了，那個地址是哪的，空白是因為它就是空白吧。
不想跳轉的話可以這樣

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

不過ie不兼容，ie的方式自己去搜一下吧。（比如主動彈出一個新窗口去下載之類的）

2018年5月24日 16:40