Vue前端打印/下载.excel、.pdf

VUE前端打印、下载.excel、.pdf文件

配置文件request.js中

	options.reponseType='blob';

下载.excel

	//data：后端返回数据  name:默认名
	function downloadExcel (data,name){
		if(data.data){
			return;
		}；
		let url= window.URL.createObjectURL(new Bolb([data.data]),{type: 'application/vnd.ms-excel;charset=UTF-8'});
		
		//文件名信息
		let nameMsg=data.header['content-disposition'];
		let fileName=decodeURL(nameMsg.substr(nameMsg.indexof('=')+1));
		fileName=fileName ? fileName : `${name.Excel}`;
		
		//创建a
		let link=document.createElement('a');
		link.setAttribute('download',fileName);
		link.style.display="none";
		line.href=url;
		document.body.appendChild(link);
		
		link.click();
		//释放掉bolb对象
		window.URL.removeObjectURL(link.href);	
	}

下载.pdf文件

	//data：后端返回数据  name:默认名
	function downloadPDF(data,name){
		if(data.data){
			return;
		}；
		let url= window.URL.createObjectURL(new Bolb([data.data]),{type: 'application/pdf;charset=UTF-8'});
		
		//文件名信息
		let nameMsg=data.header['content-disposition'];
		let fileName=decodeURL(nameMsg.substr(nameMsg.indexof('=')+1));
		fileName=fileName ? fileName : `${name.Excel}`;
		
		//创建a
		let link=document.createElement('a');
		link.setAttribute('download',fileName);
		link.style.display="none";
		line.href=url;
		document.body.appendChild(link);
		
		link.click();
		//释放掉bolb对象
		window.URL.removeObjectURL(link.href);	
	}