Vue3 前端导出Excel表格 Xlsx格式

介绍

xlsx 是一个用于处理 Excel 文件的流行库。可以你读取、生成和操作 Excel 文件（.xlsx 格式），提供了强大的功能来处理工作表和单元格数据。可以轻松地将 JSON 数据转换为 Excel 表格，也可以从 Excel 文件中读取数据。

安装

npm install xlsx

封装方法

//表格导出
import * as XLSX from 'xlsx';
export function exportXlsxTable(title, data, columnWidth, tableName, fileNmae) {

    const list = data  //列表
    list.unshift(title) //表头列

    const workbook = XLSX.utils.book_new();
    
    const worksheet = XLSX.utils.aoa_to_sheet(data);
    
    if (columnWidth) { //列宽
        const widthList = []
        columnWidth.forEach(item => {
            widthList.push({
                wpx: item
            })
        });
        worksheet['!cols'] = widthList //列宽
    }
    XLSX.utils.book_append_sheet(workbook, worksheet, tableName);
    XLSX.writeFile(workbook, fileNmae + '.xlsx');
}