vue项目如何导出excel数据表
时间: 2023-11-18 07:04:46 浏览: 83
Vue项目可以通过以下步骤导出Excel数据表:
1. 安装`xlsx`包,该包提供了用于读写Excel文件的API。
```bash
npm install xlsx --save
```
2. 创建一个可以导出Excel的函数。
```javascript
export function exportExcel(data, fileName, sheetName) {
/* data是要导出的数据数组,fileName是文件名,sheetName是工作表名 */
const worksheet = xlsx.utils.json_to_sheet(data);
const workbook = { Sheets: { [sheetName]: worksheet }, SheetNames: [sheetName] };
const excelBuffer = xlsx.write(workbook, { bookType: 'xlsx', type: 'buffer' });
saveAs(new Blob([excelBuffer], { type: 'application/octet-stream' }), fileName);
}
```
3. 在需要导出Excel的组件中调用该函数。
```javascript
export default {
methods: {
exportData() {
const data = [
{ name: '张三', age: 20, gender: '男' },
{ name: '李四', age: 25, gender: '女' }
];
const fileName = 'data.xlsx';
const sheetName = 'Sheet1';
exportExcel(data, fileName, sheetName);
}
}
}
```
以上就是在Vue项目中导出Excel数据表的步骤。
阅读全文