vue中把table 用excel文件的形式导出来

1.导入插件:

1.npm install xlsx file-saver --save

 安装插件的版本号:

"xlsx": "^0.18.5",
 "file-saver": "^2.0.5",
 

2.这个是导出的方法

import { saveAs } from 'file-saver';
import * as XLSX from 'xlsx';

//****重点 */
function export2Excel() {
    const et = XLSX.utils.table_to_book(document.getElementById('table-content'), { raw: true }); //此处传入table的DOM节点 注意 Id 不要重复
    const fileName = 'rade-publish.xlsx'; //文件名称
    let etout = XLSX.write(et, {
        bookType: 'xlsx',
        bookSST: true,
        type: 'array'
    });
    try {
        let blobObj = null;
        saveAs(
            (blobObj = new Blob([etout], {
                type: 'application/octet-stream;charset=utf-8'
            })),
            fileName
        ); //trade-publish.xlsx 为导出的文件名
    } catch (e) {
        console.log(e, etout);
    }
    return etout;
}

你可能感兴趣的:(vue.js,前端,javascript)