vue导出excel下载

### Vue 实现导出 Excel 文件的方法

#### 使用 SheetJS 库实现数据导出功能

为了在 Vue 项目中实现出色的数据表格操作，可以采用 `SheetJS` 这一强大的 JavaScript 工具库来处理电子表格文件。通过安装并配置该工具库，能够轻松完成从网页向 Excel 文档转换的任务。

首先，在命令行环境中执行如下 npm 命令以引入必要的依赖包：

npm install xlsx file-saver --save

接着，在组件内部定义方法用于触发下载行为，并编写相应逻辑将 JSON 数据转化为 Excel 表格格式[^1]。

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

export default {
    methods: {
        exportToExcel() {
            const data = [
                ['姓名', '年龄'],
                ['张三', 20],
                ['李四', 22]
            ];

            /* 创建工作簿 */
            let ws = XLSX.utils.aoa_to_sheet(data);
            let wb = XLSX.utils.book_new();
            XLSX.utils.book_append_sheet(wb, ws, "Sheet1");

            /* 将工作簿写入二进制流 */
            let wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });

            try {
                FileSaver.saveAs(
                    new Blob([wbout], {type:"application/octet-stream"}),
                    'example.xlsx'
                );
            }
            catch (e) {
                if(typeof console !== 'undefined') console.log(e, wbout);
            }

            return wbout;
        }
    }
}

此代码片段展示了如何利用 `SheetJS` 和 `File-Saver` 插件创建简单的两列（名字和年龄）的 Excel 文件，并允许用户保存到本地磁盘上[^1]。