vue表格数据导出为xlsx表格

105 阅读1分钟

1.安装插件

npm install xlsx file-saver

2.封装工具

import { utils, writeFile } from 'xlsx'

// 导出为表格

export const exportTableData = (tableList) => { // 将数据转换为工作簿

const worksheet = utils.json_to_sheet(tableList)

const workbook = utils.book_new()

utils.book_append_sheet(workbook, worksheet, 'Sheet1')

// 导出文件,指定文件名和格式

writeFile(workbook, 'exported_data.xlsx')

}

3.组件中使用

(1).导入工具

import { exportTableData } from '@/utils/exportTableData' (以个人路径为准)

(2).按钮绑定该函数

@click="exportTableData(tableList)"

注意:传入的为数组对象