vue导出excel文件

1. 安装相关得插件

npm i file-saver xlsx

2.需要的页面引入即可

import FileSaver from 'file-saver';//引入export表格
import * as XLSX from 'xlsx'; //引入export表格

3.导出当前页

function exportCoupon(): void {
    //转换成excel时，使用原始的格式 raw:表示导出数据是否是未加工的。
    let xlsxParam = { raw: true };
    // 如果不加xlsxParam，导出的excel数据和tabel显示数据不完全一致
    // 获取tableid
    let wb = XLSX.utils.table_to_book(document.getElementById("table"), xlsxParam);
    // 保存格式 
    // 第一个参数（wb）就是内容，第二个参数是文件相关的配置                  
    const wbout = XLSX.write(wb, {
        bookType: "xlsx",
        bookSST: true,
        type: "array"
    });
    try {
        // FileSaver是常用的浏览器插件，通过Blob对象来传入文件内容，第一个参数就是内容，第二个参数是文件相关的配置，例如编码设置成utf-8，最后调用saveAs方法来保存文件即可，第一个参数是Blob对象，第二个参数是文件名
        FileSaver.saveAs(new Blob([wbout], { type: "application/octet-stream" }), "file-name.xlsx");
    } catch (e) {
        if (typeof console !== "undefined") console.log(e, wbout);
    }
}