前端excel表格导出基本使用--vue

最新推荐文章于 2024-05-05 21:55:34 发布

南山高尔夫

最新推荐文章于 2024-05-05 21:55:34 发布

阅读量199

点赞数

文章标签：前端 vue.js excel

本文链接：https://blog.csdn.net/weixin_39651218/article/details/130599729

版权

文章介绍了如何在Node.js环境中通过npm安装xlsx插件，并在React组件中导入和使用该插件来将数据转换成Excel表格。具体步骤包括将数据转化为适合xlsx的格式，然后利用xlsx的utils方法生成工作簿并保存为.xlsx文件。

摘要由CSDN通过智能技术生成

1、安装xlsx插件

npm install xlsx --save

2、在需要下载excel表格的组件界面引入xlsx并使用

// 引入xlsx
import xlsx from 'xlsx'


// 导出方法
// this.tableData 是要导出的数据数组
exportExcel () {
  let tempTable = []
  this.tableData.forEach(item => {
    tempTable.push({
      姓名: item.name,
      角色: item.role,
      时间: item.dateStr
    })
  })
  let ws = xlsx.utils.json_to_sheet(tempTable)
  let wb = xlsx.utils.book_new()
  xlsx.utils.book_append_sheet(wb, ws, 'Sheet1')
  xlsx.writeFile(wb, '表格名称.xlsx')
}