D2admin导出Execl

 <template><el-button @click="exportToExcel">导出Excel</el-button><el-table  :data="tableData3"  style="width: 100%" id="table-content"><el-table-column  prop="date"  label="日期"  width="150"></el-table-column><el-table-column label="配送信息"><el-table-column  prop="name"  label="姓名"  width="120"></el-table-column><el-table-column label="地址"><el-table-column  prop="province"  label="省份"  width="120"></el-table-column><el-table-column  prop="city"  label="市区"  width="120"></el-table-column><el-table-column  prop="address"  label="地址"  width="300"></el-table-column><el-table-column  prop="zip" label="邮编"  width="120"></el-table-column></el-table-column></el-table-column></el-table>
</template><script>
import FileSaver from 'file-saver'
import XLSX from 'xlsx'export default {data() {return {tableData3: [{date: '2016-05-03',name: '王小虎',province: '上海',city: '普陀区',address: '上海市普陀区金沙江路 1518 弄',zip: 200333}, {date: '2016-05-02',name: '王小虎',province: '上海',city: '普陀区',address: '上海市普陀区金沙江路 1518 弄',zip: 200333}]}},methods:{
exportToExcel () {let et = XLSX.utils.table_to_book(document.getElementById('table-content')); //document.getElementById('xxxx'):XXX此处传入table的DOM节点，即el-table的id名称let etout = XLSX.write(et, {bookType: 'xlsx', bookSST: true, type: 'array' });try {FileSaver.saveAs(new Blob([etout], { type: 'application/octet-stream' }), 'table.xlsx');   //XXX.xlsx 为导出的文件名} catch (e) {console.log(e, etout) ;}return etout;
},
//打印页面内容
printContent(){let wpt = document.getElementById('table-content');let newContent = wpt.innerHTML;let oldContent = document.body.innerHTML;document.body.innerHTML = newContent;window.print(); //打印方法window.localtion.reload();document.body.innerHTML = oldContent;
}
}}
</script><script>
import FileSaver from 'file-saver'
import XLSX from 'xlsx'export default {data() {return {tableData3: [{date: '2016-05-03',name: '王小虎',province: '上海',city: '普陀区',address: '上海市普陀区金沙江路 1518 弄',zip: 200333}, {date: '2016-05-02',name: '王小虎',province: '上海',city: '普陀区',address: '上海市普陀区金沙江路 1518 弄',zip: 200333}]}},methods:{
exportToExcel () {let et = XLSX.utils.table_to_book(document.getElementById('table-content')); //document.getElementById('xxxx'):XXX此处传入table的DOM节点，即el-table的id名称let etout = XLSX.write(et, {bookType: 'xlsx', bookSST: true, type: 'array' });try {FileSaver.saveAs(new Blob([etout], { type: 'application/octet-stream' }), 'table.xlsx');   //XXX.xlsx 为导出的文件名} catch (e) {console.log(e, etout) ;}return etout;
},
//打印页面内容
printContent(){let wpt = document.getElementById('table-content');let newContent = wpt.innerHTML;let oldContent = document.body.innerHTML;document.body.innerHTML = newContent;window.print(); //打印方法window.localtion.reload();document.body.innerHTML = oldContent;
}
}}
</script>

D2admin导出Execl相关推荐

POI导出Execl文件,使JAVA虚拟机OOM
由于在项目中使用POI导出execl,导致JAVA虚拟机OOM,采用以下方式解决问题: 原先方式: g_wb = new XSSFWorkbook(sourceFile.getInputStream( ...
GridView导出Execl
当用GridView导出Execl的时候,会发生只能在执行 Render() 的过程中调用 RegisterForEventValidation的错误提示. 有两种方法可以解决以上问题: 1.修改we ...
工作上的问题，微软crm导出execl限制为1w行
今天,运营那边电话说,导出所有数据的时候,有个客户查不到,但是在系统中搜索的时候是可以查到的,后来不断尝试,好像某种限制条件造成的: 后来经查实,确实是有crm库限制了导出execl条数的问题,需要更 ...
zabbix-api查询机器资源利用率，导出execl表格
zabbix调用api查询机器资源利用率,导出execl表格背景:平常我们工作中,需要知道机器的资源利用率多少,我们可以手动查看,但是有1000多台改怎么办? 方案:我们机器如果是zabbix监控的 ...
html页面导出,HTML页面导出execl表格
点击导出按钮时触发method5("传入表格ID") var idTmr; function getExplorer() { var explorer = window.navig ...
phpExecl 导出execl 表格
1:下载PHPExecl 插件下载地址:https://download.csdn.net/download/rainredhezhang/10359499 2:放到对应的目录上, 3:写通用导出方 ...
PostMan测试导出execl表格接口报错乱码解决
今天碰到需要导出数据库的数据到execl,接口写完用Postman测试会出现乱码如下: 解决: 在send这个按钮下面可以选择Send and Download 就可以下载execl了是不是很简单 ...
vue导出execl表格(宽度自适应)
今天有一个需求,需要将json数据导出成为execl表格并宽度自适应.上网看了半天到处都是坑,在这给大家提供一个我实现的过程: 1.使用npm下载插件 npm 命令行如下: npm install x ...
npoi导出execl源码，vs2008实现，包括using库
该链接有导入,导出源码,我的代码有下链接改写,完善而成的, http://www.cnblogs.com/colder/p/3611906.html using System; using Syste ...

D2admin导出Execl

D2admin导出Execl相关推荐

最新文章

热门文章