vue3导出xlsx并自定义表头
时间: 2023-06-04 09:02:49 浏览: 682
vue xlsx表单导出
5星 · 资源好评率100%
好的,关于vue3导出xlsx并自定义表头的问题,可以采用以下步骤:
1. 安装xlsx插件:npm install xlsx --save
2. 导入插件和自定义表头数据:
```
import XLSX from 'xlsx'
const header = [
{A: '姓名'},
{B: '性别'},
{C: '年龄'}
]
```
3. 将数据格式化为xlsx可以使用的结构:
```
const data = [
{A: '张三', B: '男', C: 18},
{A: '李四', B: '女', C: 20},
{A: '王五', B: '男', C: 22}
]
const sheet = XLSX.utils.json_to_sheet(data, {header: header.map(item => Object.values(item)[0])})
```
4. 生成文件:
```
const wb = XLSX.utils.book_new()
XLSX.utils.book_append_sheet(wb, sheet, 'Sheet1')
XLSX.writeFile(wb, 'test.xlsx')
```
这样就可以导出xlsx文件并自定义表头了。
阅读全文