vue table生成xls,xlsx文件

Martin -Tang

已于 2024-05-09 17:13:33 修改

阅读量155

点赞数 3

文章标签： vue.js javascript 前端

于 2024-05-09 17:06:53 首次发布

本文链接：https://blog.csdn.net/qq_40894259/article/details/138621736

版权

var html = "<html><head><meta charset='utf-8' /> <style>table{border:1px solid #000;}td{border:1px solid #000}</style></head><body>" +document.getElementsByTagName("table")[1].outerHTML + "</body></html>";
// 实例化一个Blob对象，其构造函数的第一个参数是包含文件内容的数组，第二个参数是包含文件类型属性的对象
var blob = new Blob([html], {type: "application/vnd.ms-excel"});
var a = document.getElementById("exportBtn"); // 按钮id="exportBtn"
a.href = URL.createObjectURL(blob);// 利用URL.createObjectURL()方法为a元素生成blob URL
a.download = "xxxx.xls";// 设置文件名