【操作类】使用file-saver导出excel

记录帖

需求：使用file-saver导出el-table

使用版本

file-saver：2.0.2

XLSX：0.15.6

html

<template><div id="out-table"> // 一定要给table加id<el-table:data="tableData"style="width: 100%"><el-table-columnprop="date"label="日期"width="180"></el-table-column><el-table-columnprop="name"label="姓名"width="180"></el-table-column><el-table-columnprop="address"label="地址"></el-table-column></el-table><el-button @click="download">下载</el-button></div>
</template>

// 1.npm安装// 2.引入
import FileSaver from 'file-saver';
import XLSX from 'xlsx';export default {data() {return {tableData: [{date: '2016-05-02',name: '王小虎',address: '上海市普陀区金沙江路 1518 弄'}, {date: '2016-05-04',name: '王小虎',address: '上海市普陀区金沙江路 1517 弄'}, {date: '2016-05-01',name: '王小虎',address: '上海市普陀区金沙江路 1519 弄'}, {date: '2016-05-03',name: '王小虎',address: '上海市普陀区金沙江路 1516 弄'}]}},// 3.在method里写入
methods: {download() {//转换成excel时，使用原始的格式 raw:表示导出数据是否是未加工的。let xlsxParam = {raw:true};    // 如果不加xlsxParam，导出的excel数据和tabel显示数据不完全一致// 获取tableidlet wb = XLSX.utils.table_to_book(document.querySelector("#out-table"),xlsxParam); // 保存格式 // 第一个参数（wb）就是内容，第二个参数是文件相关的配置                  const wbout = XLSX.write(wb,{ bookType: "xlsx",bookSST: true,type: "array"});try {// FileSaver是常用的浏览器插件，通过Blob对象来传入文件内容，第一个参数就是内容，第二个参数是文件相关的配置，例如编码设置成utf-8，最后调用saveAs方法来保存文件即可，第一个参数是Blob对象，第二个参数是文件名FileSaver.saveAs(new Blob([wbout],{type:"application/octet-stream"}),"file-name.xlsx"); }catch (e) {if(typeof console!== "undefined")console.log(e,wbout);}}}

参考资料js-xlsx，table_to_book导出数据取消自动加工 - 代码先锋网

【操作类】使用file-saver导出excel相关推荐

Java学习总结：41(文件操作类：File)
Java文件操作类:File 在java.io包中,如果要进行文件自身的操作(例如:创建.删除等),只能依靠java.io.File类完成. File类的常用操作方法 No. 方法类型描述 1 p ...
JAVA工具类(17)--Java导入导出Excel工具类ExcelUtil
实战导出就是将List转化为Excel(listToExcel) 导入就是将Excel转化为List(excelToList) 导入导出中会出现各种各样的问题,比如:数据源为空.有重复行等,我自定义 ...
SXSSFWorkbook导入/导出Excel文档简单操作
在Java-web项目开发过程中经常会遇到导入/导出Excel表格的业务场景.SXSSFWorkbook是apache基金会提供的Excel导出工具类,它允许导出大批量数量而不会导致内存溢出,因为在导 ...
Java操作poi导出Excel自定义字体颜色
Java操作poi导出Excel自定义字体颜色功能介绍 POI操作Excel 第一步创建一个导出的工具类整体定义表格字体样式自定义表格字体样式总结功能介绍 Apache POI 是用Java ...
(转).NET导出Excel的四种方法及评测
.NET导出Excel的四种方法及评测导出Excel是.NET的常见需求,开源社区.市场上,都提供了不少各式各样的Excel操作相关包.本文,我将使用NPOI.EPPlus.OpenXML.Aspo ...
java导出excel设置行高列宽_使用POI生成Excel文件，可以自动调整excel列宽
//autoSizeColumn()方法自动调整excel列宽 importjava.io.FileOutputStream; importorg.apache.poi.hssf.usermodel. ...
springboot中使用poi导出excel文件(亲测实现了第一个功能)
1.POI简介 Jakarta POI 是一套用于访问微软格式文档的Java API. 组件HWPF用于操作Word的; 组件HSSF用于操作Excel格式文件. 2.常用组件 HSSFWorkboo ...
.net npoi xssfclientanchor设置图片缩放大小_.NET导出Excel的四种方法及评测
前言导出Excel是.NET的常见需求,开源社区.市场上,都提供了不少各式各样的Excel操作相关包.本文,我将使用NPOI.EPPlus.OpenXML.Aspose.Cells四个市面上常见的库 ...
.NET导出Excel的四种方法及评测
前言导出Excel是.NET的常见需求,开源社区.市场上,都提供了不少各式各样的Excel操作相关包.本文,我将使用NPOI.EPPlus.OpenXML.Aspose.Cells四个市面上常见的库 ...

【操作类】使用file-saver导出excel

【操作类】使用file-saver导出excel相关推荐

最新文章

热门文章