前端主导Excel表格的导出

最新推荐文章于 2025-05-08 10:30:36 发布

勤奋和天分

最新推荐文章于 2025-05-08 10:30:36 发布

阅读量122

点赞数

CC 4.0 BY-SA版权

文章标签： excel 前端 javascript

本文链接：https://blog.csdn.net/zhufengnian6/article/details/132628570

文章介绍了如何在JavaScript项目中使用XLSX第三方库，实现异步处理数据并将其转换为Excel文件，包括获取数据、定义表头、创建工作表和工作簿，最终保存为Excel文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   //导入XlSX三方插件
import * as XLSX from 'xlsx'
   // 方法
export default:{
    method:{
            async handleExport() {
              const res = await getList(this.searchForm)
              console.log('rrr', res);
                //要导出的英文字段
              const headersKey = ['downloadPointIdName', 'originalPlanVolume', 'downloadCompanyIdName', 'applyDate']
                //要导出的中文字段  一一对应
              const tableHeader = ['下游点', '计划量', '下游客户', '时间']
                // 适配excel表格
              const sheetData = res.data.map(item => {
              const _obj = {}
                headersKey.forEach((key) => {
                  _obj[key] = item[key]
                    })
                    return _obj
                  })
                    // 创建一个工作表
              const worksheet = XLSX.utils.json_to_sheet(sheetData)
              // 创建一个新的工作簿
              const workbook = XLSX.utils.book_new()
              // 把工作表添加到工作簿
              XLSX.utils.book_append_sheet(workbook, worksheet, 'Data')
              // 改写表头
              XLSX.utils.sheet_add_aoa(worksheet, [tableHeader], { origin: 'A1' })
              XLSX.writeFile(workbook, 'SheetJSVueAoO.xlsx', { compression: true })
            },
           }
        }