vue项目导出excel表格
时间: 2023-11-15 12:56:25 浏览: 110
excel下载.txt
你可以使用第三方库 `xlsx` 来实现导出 Excel 表格。首先,你需要安装该库:
```
npm install xlsx --save
```
然后在需要导出 Excel 表格的组件中引入该库:
```javascript
import XLSX from 'xlsx';
```
接下来,你可以定义一个方法来导出 Excel 表格:
```javascript
exportExcel() {
// 定义表格数据
const data = [
['姓名', '年龄', '性别'],
['张三', 18, '男'],
['李四', 20, '女'],
['王五', 22, '男']
];
// 创建工作簿
const workbook = XLSX.utils.book_new();
// 创建工作表
const worksheet = XLSX.utils.aoa_to_sheet(data);
// 将工作表添加到工作簿中
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
// 导出 Excel 表格
XLSX.writeFile(workbook, 'data.xlsx');
}
```
在上面的代码中,我们首先定义了一个表格数据 `data`,然后创建了一个工作簿 `workbook` 和一个工作表 `worksheet`,将工作表添加到工作簿中,并最终通过 `XLSX.writeFile` 方法将工作簿导出为 Excel 表格。
阅读全文