纯 js 导出 excel

项目中要实现一个功能，将表格中的信息导出Excel表，下面是我的实现方法。

第一步：安装 js-export-excel 插件

npm install js-export-excel

or

yarn add js-export-excel

第二步：在项目中导入

import ExportJsonExcel from 'js-export-excel';

第三步：代码：

    exportUser(val) {
        if (val.length) {
            const userData = val;
            const option = {}; // 插件参数
            const dataTable = []; // 表格数据，一般为包含着对象的数组
            if (userData.length) {
                for (let i = 0; i < userData.length; i++) {
                    const obj = {
                        用户名: userData[i].name,
                        ID: userData[i].id,
                        邮箱: userData[i].email,
                        角色: userData[i].roleName,
                        状态: userData[i].statusName,
                    };
                    dataTable.push(obj);
                }
            }
            option.fileName = '用户信息'; // 导出 Excel 的文件名
            option.datas = [
                {
                    sheetData: dataTable,
                    sheetName: 'sheet',
                    sheetFilter: ['用户名', 'ID', '邮箱', '角色', '状态'],
                    sheetHeader: ['用户名', 'ID', '邮箱', '角色', '状态'],
                	columnWidths: [10, 20, 15, 8, 5], // 每一列的宽度，需与列顺序对应，数值对应的是百分比，即占屏幕宽度的百分之几。
                }
            ];
            const toExcel = new ExportJsonExcel(option);
            toExcel.saveExcel(); // 导出
        }
   

该插件的 github 地址： github.com/cuikangjie/…