如何导出 excel 文件：使用第三方库（vue-excel-export 或 excel-export）使用原生 javascript（示例提供第三方库和原生 javascript 方法的代码片段）

如何在 Vue.js 中导出 Excel 文件

1. 使用第三方库

• vue-excel-export：一个专门用于 Vue.js 的 Excel 导出库。它提供了一个简单的 API 来生成和下载 Excel 文件。
• excel-export：另一个流行的 Excel 导出库，它有一个易于使用的 CLI 工具来生成 Excel 文件。

2. 使用原生 JavaScript

Vue-router参考手册

Vue-router参考手册下载

下载

如果您不想使用第三方库，则可以使用原生 JavaScript 来生成 Excel 文件。这将需要更多的手动工作，但也可以为您提供更多的控制。

使用第三方库

示例：使用 vue-excel-export

<code class="javascript">import { exportExcel } from 'vue-excel-export';

export function exportExcel() {
  const data = [
    {
      name: 'John Doe',
      age: 30,
      occupation: 'Developer',
    },
    {
      name: 'Jane Doe',
      age: 25,
      occupation: 'Designer',
    },
  ];

  const columns = [
    {
      key: 'name',
      title: 'Name',
    },
    {
      key: 'age',
      title: 'Age',
    },
    {
      key: 'occupation',
      title: 'Occupation',
    },
  ];

  exportExcel(data, columns, 'users.xlsx');
}</code>

使用原生 JavaScript

示例：使用 FileSaver.js

<code class="javascript">import FileSaver from 'file-saver';

function saveExcel(data, columns) {
  const wb = new Workbook();
  const ws = wb.addWorksheet('Sheet 1');

  // Populate the worksheet
  ws.fromJSON(data);

  // Generate Excel file
  const blob = wb.xlsx.writeBuffer();

  // Save the file
  FileSaver.saveAs(blob, 'users.xlsx');
}</code>

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！