vue表格数据导出为xlsx表格

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)"

注意:传入的为数组对象