Vue导出Excel乱码问题（已解决）

最新推荐文章于 2024-07-10 10:52:53 发布

Dcripple

最新推荐文章于 2024-07-10 10:52:53 发布

阅读量3.9k

点赞数 3

分类专栏： Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_45990765/article/details/122249441

版权

Vue 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

后端已经写好了导出Excel的接口，调用接口会发现后端返回的是二进制流文件

实现方法：

在封装接口时，给接口传递一个参数【 responseType: 'blob' 】该参数是处理导出Excel表格数据乱码问题的关键

// 导出订单
export const exportOrder = query => {return request({url: '/shop/order.php',method: 'post',params: query,responseType: 'blob'});};

在页面中写实现方法

// 订单导出
getOrderExport(){
	exportOrder(this.query).then(res => {
		console.log(res);
		const link = document.createElement('a');// 创建a标签
		let blob = new Blob([res],{type: 'application/vnd.ms-excel;charset=UTF-8'}); // 设置文件类型 
		link.style.display = "none";
		link.href = URL.createObjectURL(blob); // 创建URL
		link.setAttribute("download", "订单.xls");
		document.body.appendChild(link);
		link.click();
		document.body.removeChild(link);
	})
},