vue导出以.xlsx为结尾的表格
1.首先npm下载两个依赖(file-saver xlsx)
npm install -S file-saver xlsx
2.在需要导出.xlsx的页面导入这两个依赖(file-saver xlsx):
import FileSaver from "file-saver";
import XLSX from "xlsx";
3.js部分:
exportExcel() {
// 设置当前日期
let time = new Date();
let year = time.getFullYear();
let month = time.getMonth() + 1;
let day = time.getDate();
let name = "故障信息" + year + "" + month + "" + day;
// console.log(name)
/* generate workbook object from table */
// .table要导出的是哪一个表格
var wb = XLSX.utils.table_to_book(document.querySelector(".table"));
/* get binary string as output */
var wbout = XLSX.write(wb, {
bookType: "xlsx",
bookSST: true,
type: "array",
});
try {
// name+'.xlsx'表示导出的excel表格名字
FileSaver.saveAs(
new Blob([wbout], {
type: "application/octet-stream" }),
name + ".xlsx"
);
} catch (e) {
if (typeof console !== "undefined") console.log(e, wbout);
}
return wbout;
},
4.如图:
需要导出那部分,就在那部分添加table类;
展示: