首页 > 其他分享 >发现在elementui使用xlsx导出excel时会有重复的数据

发现在elementui使用xlsx导出excel时会有重复的数据

时间:2023-07-21 15:46:37浏览次数:37  
标签:xlsx wb elementui 导出 fix excel let Blob

原因是由于elementui中的固定列产生的影响,

doExportExcel(){//导出为excel         let wb = ''         let xlsxParam = { raw: true }         let fix = document.querySelector(".el-table__fixed-right")         if (fix) {           wb = XLSX.utils.table_to_book(             document.querySelector("#tableData").removeChild(fix),             xlsxParam           );           document.querySelector("#tableData").appendChild(fix);         } else {           wb = XLSX.utils.table_to_book(document.querySelector("#tableData"),xlsxParam);         }         /* 获取二进制字符串作为输出 */         let wbout = XLSX.write(wb, {           bookType: "xlsx",           bookSST: true,           type: "array"         });         try {           FileSaver.saveAs(           //Blob 对象表示一个不可变、原始数据的类文件对象。           //Blob 表示的不一定是JavaScript原生格式的数据。           //File 接口基于Blob,继承了 blob 的功能并将其扩展使其支持用户系统上的文件。           //返回一个新创建的 Blob 对象,其内容由参数中给定的数组串联组成。             new Blob([wbout], { type: "application/octet-stream" }),           //设置导出文件名称             "发票信息.xlsx"         );           this.$message({             type: 'success',             message: '已成功导出!'           })         } catch (e) {           if (typeof console !== "undefined") console.log(e, wbout);         }         return wbout;       },   其中的.el-table__fixed-right是固定列的class,然后通过wb中移除掉固定列进行处理。另外,我发现 xlsxParam这个参数是用来处理保存后excel表单的单元格格式的,如果去了这个,导出excel后的数据格式会有问题。 参考 https://blog.csdn.net/qq_17162169/article/details/121263935

标签:xlsx,wb,elementui,导出,fix,excel,let,Blob
From: https://www.cnblogs.com/luzanzan/p/17571536.html

相关文章

  • python excel 怎么换行列
    PythonExcel换行列的解决方案在处理Excel文件时,有时候需要将一列的数据进行换行操作,即将一列的数据拆分为多行显示。本文将介绍如何使用Python解决这个问题。准备工作首先,我们需要安装openpyxl库,它是一个用于处理Excel文件的Python库。可以使用以下命令进行安装:pipinstallop......
  • python excel 去掉多列
    PythonExcel去掉多列实现方法引言在日常的数据处理工作中,经常会遇到需要处理Excel文件的情况,其中一项常见的操作是去掉不需要的列。本文将教你如何使用Python来实现去掉多列操作。整体流程以下是去掉多列的步骤概览:步骤描述步骤一打开Excel文件步骤二选择要去......
  • python3 读取xlsx文件
    Python3读取xlsx文件作为一名经验丰富的开发者,我将教会你如何使用Python3读取xlsx文件。这里我将按照以下步骤展示整个过程,并提供相应的代码和注释。步骤概览下面是实现“Python3读取xlsx文件”的步骤概览:步骤描述步骤1导入所需的依赖库步骤2打开xlsx文件步骤......
  • python3 excel写
    Python3Excel写入教程介绍在Python中,我们可以使用第三方库来实现Excel的读写操作。本文将向你介绍如何使用Python3来实现Excel写入的功能,帮助你入门并快速上手。整体流程下面是实现Python3Excel写入的整体流程,我们将使用openpyxl库来完成此任务。步骤动作代码1导......
  • Excel 端口操作指南
    通过将EDI报文可视化为Excel,企业可以更好地了解和处理数据,提高工作效率,减少错误率。在未实现EDI系统和内部业务系统集成之前,Excel方案则是一项可供选择的临时替代方案。Excel方案的优点在于,无需对业务系统再做开发工作,数据可读性较强。用户只需将交易伙伴需要的业务数据填......
  • C# 使用EPPlus 操作excel The given key '8' was not present in the dictionary.
    使用EPPlus删除excel中某一个sheet中的几列的时候,出现了Thegivenkey'8'wasnotpresentinthedictionary.的报错;最开始的写法,是从前往后删除,出现错误//ExcelWorksheetsheet=package.Workbook.Worksheets[i];//sheet.DeleteCol......
  • python自动化基于Excel的关键字驱动类如何使窗口最大化
    Python自动化基于Excel的关键字驱动类如何使窗口最大化在编写基于Excel的关键字驱动脚本时,有时需要使窗口最大化以确保脚本的稳定性和可靠性。本文将介绍如何使用Python自动化基于Excel的关键字驱动类来实现窗口最大化。1.安装所需的库在开始之前,我们需要确保已经安装了所需的......
  • C#读取txt文件、excel文件
    1、TXT文本内容较小:将txt读取返回为stringstringstr1=File.ReadAllText(@"c:\temp\a.txt");将txt读取返回为string[]string[]strs1=File.ReadAllLines(@"c:\temp\a.txt"); 文本较多:采用流的方式Stream//采用流的方式读,适合较多文本内容StreamReade......
  • SheetJS/js-xlsx修改表头json_to_sheet修改表头
    [SheetJS/js-xlsx修改表头json_to_sheet修改表头_Aqvdrt的博客-CSDN博客](https://blog.csdn.net/qq_37027371/article/details/106022855)看官方文档看到的,记录一下,帮大家踩坑。//待展示的数据,可能是从后台返回的json数据或者是自己定义的objectconstdata=[{S:1,h:2,......
  • 4-7-vue框架-第三方ui组件elementui-el-select组件change事件获取label的值
    Element的el-select组件change事件获取label的值在如下el-select组件的代码中,要想在change事件时获取label的值。<el-selectv-model="ruleForm.usualReviews":readonly="true"class="oms-select"placeholder="请选择常用意见"@change="selectCh......