vue 导出execl
时间: 2023-08-31 21:12:22 浏览: 44
你可以使用第三方库 `xlsx` 来实现将 Vue 中的数据导出为 Excel 文件。
首先,你需要安装 `xlsx`:
```
npm install xlsx --save
```
然后在 Vue 组件中引入 `xlsx`:
```javascript
import XLSX from 'xlsx';
```
接下来,在 Vue 方法中编写导出 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');
}
```
在上面的代码中,我们首先构造了要导出的数据,然后创建一个工作簿,再构造一个工作表,将工作表添加到工作簿中,最后调用 `XLSX.writeFile` 方法将工作簿导出为 Excel 文件。你可以根据自己的需求修改上面的代码来实现自己的需求。