vue+elementui表格导出为Excel文件

最新推荐文章于 2025-05-16 14:02:26 发布

尚憨憨

最新推荐文章于 2025-05-16 14:02:26 发布

阅读量2.6k

点赞数 4

CC 4.0 BY-SA版权

文章标签： javascript excel html

本文链接：https://blog.csdn.net/szh1127249432/article/details/106787491

本文介绍了如何在Vue+ElementUI项目中实现表格数据全量导出为Excel文件，包括解决分页导出问题、数据延迟加载、多份数据导出以及长数字显示成科学计数法的问题。主要方法是创建一个隐藏的表格用于导出，通过调整数据获取和导出的时机，以及处理固定列属性来确保导出正确。

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

1、安装依赖：npm install --save xlsx file-saver

2、在放置需要导出功能的组件中引入

import FileSaver from 'file-saver'

import XLSX from 'xlsx'

3.导出excel表格事件

  //定义导出Excel表格事件
    exportExcel() {
   
   
      let xlsxParam = {
   
    raw: true }; //转换成excel时，使用原始的格式
      / generate workbook object from table /;
      /* 从表生成工作簿对象 */
      let wb =