vue 实现导出 excel 的多种方式

在 Vue 中，有多种方式可以实现导出 Excel 的功能，以下列出两种常见的方式：

1. 使用 xlsx 库：

   首先，你需要安装 xlsx 库，可以使用 npm 或 yarn 进行安装：

   npm install xlsx --save
   

   或者

   yarn add xlsx
   

   然后，你可以在 Vue 组件中使用这个库来生成并下载 Excel 文件：

   import XLSX from 'xlsx'; export default { methods: { exportToExcel() { let data = [ ['姓名', '年龄'], ['张三', 30], ['李四', 25] ]; // 示例数据 let ws = XLSX.utils.aoa_to_sheet(data); let wb = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(wb, ws, "Sheet1"); XLSX.writeFile(wb, 'test.xlsx'); } } }
   

2. 使用后端接口：

   另外一种方式是使用后端接口来生成 Excel 文件。你可以在 Vue 组件中发送一个请求到后端接口，然后后端接口返回一个 Excel 文件的 URL，你就可以使用这个 URL 来下载 Excel 文件。

   export default { methods: { exportToExcel() { this.$http.get('/api/export-excel').then(response => { let url = response.data.url; window.location.href = url; }); } } }
   

   在这个例子中，'/api/export-excel'是后端接口的 URL，这个接口应该返回一个包含 Excel 文件 URL 的 JSON 对象。

以上两种方式都可以实现在 Vue 中导出 Excel 的功能，你可以根据你的需求选择合适的方式。

香港五网 CN2 网络云服务器链接：www.tsyvps.com

蓝易云香港五网 CN2 GIA/GT 精品网络服务器。拒绝绕路，拒绝不稳定。