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

邪小新

已于 2023-11-02 14:24:11 修改

阅读量145

点赞数

文章标签： vue.js 前端 javascript

于 2023-09-26 14:46:55 首次发布

本文链接：https://blog.csdn.net/qq_42074075/article/details/133309437

版权

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;
}