将el-table中的数据导出到xlxs文件中
时间: 2024-04-30 13:24:00 浏览: 89
可以使用第三方库如xlsx和file-saver来实现将el-table中的数据导出到xlxs文件中。以下是一个代码示例:
```javascript
import XLSX from 'xlsx';
import FileSaver from 'file-saver';
export function exportExcel(data, fileName = 'data') {
const worksheet = XLSX.utils.json_to_sheet(data);
const workbook = {
Sheets: { data: worksheet },
SheetNames: ['data']
};
const excelBuffer = XLSX.write(workbook, {
bookType: 'xlsx',
type: 'array'
});
const blob = new Blob([excelBuffer], { type: 'application/octet-stream' });
FileSaver.saveAs(blob, `${fileName}.xlsx`);
}
```
在调用该函数时,可以将el-table中需要导出的数据作为参数传入,如:
```html
<el-button @click="handleExportExcel">导出Excel</el-button>
<el-table :data="tableData">
<!-- 表格内容 -->
</el-table>
```
```javascript
export default {
data() {
return {
tableData: [
// 表格数据
]
};
},
methods: {
handleExportExcel() {
exportExcel(this.tableData, 'table');
}
}
};
```
此时,点击“导出Excel”按钮,即可将el-table中的数据导出到名为“table.xlsx”的Excel文件中。
阅读全文