vue2+elementui导出表格数据
时间: 2023-07-30 22:06:12 浏览: 115
vue2.0 + element UI 中 el-table 数据导出Excel的方法
你可以使用 `xlsx-populate` 库来导出表格数据,以下是一个示例代码:
```javascript
import XlsxPopulate from 'xlsx-populate'
import { saveAs } from 'file-saver'
export const exportExcel = async (tableData, fileName) => {
const wb = await XlsxPopulate.fromBlankAsync()
const ws = wb.sheet('Sheet1')
// 设置表头
const headers = ['姓名', '年龄', '性别']
headers.forEach((header, index) => {
ws.cell(1, index + 1).value(header)
})
// 设置表格数据
tableData.forEach((row, rowIndex) => {
headers.forEach((header, colIndex) => {
ws.cell(rowIndex + 2, colIndex + 1).value(row[header])
})
})
// 导出表格
const blob = await wb.outputAsync()
saveAs(blob, `${fileName}.xlsx`)
}
```
其中 `tableData` 是你要导出的表格数据,`fileName` 是导出的文件名。你需要根据你的实际需求修改代码。
阅读全文