首页 > 其他分享 >vue 使用 导出 Excel

vue 使用 导出 Excel

时间:2023-03-31 18:45:15浏览次数:45  
标签:wbout XLSX vue Excel 导出 html var now type

import * as XLSX from "xlsx";

exportExcel() {
                var wb = XLSX.utils.table_to_book(document.querySelector('#data-table2'), { raw: true});
                var wbout = XLSX.write(wb, {
                    bookType: 'xls',
                    book: true,
                    type: 'array',
                })
                try {
                    FileSaver.saveAs(
                        new Blob([wbout], { type: 'appliction/octet-stream' }),
                        '检查记录明细.xls'
                    )
                } catch (e) {
                    if (typeof console != 'undefined')
                        console.log(e, wbout);
                }
                return wbout
            },
exportExcelAsHTML() {
                var html = "<html><head><meta charset='utf-8' /></head><body>" + $("#data-table").html() + "</body></html>";
                var now = new Date();
                var date = now.getFullYear() + '-' + (now.getMonth() + 1) + '-' + now.getDate() + ' ' + now.getHours() + ':' + now.getMinutes() + ':' + now.getSeconds();
                var fileName = $(".title").html();
                var exportFileName = fileName + date + ' ' + ".xls";//自定义导出excel表名称
                var blob = new Blob([html], { type: "application/vnd.ms-excel" });
                saveAs(blob, exportFileName);
            }

 

标签:wbout,XLSX,vue,Excel,导出,html,var,now,type
From: https://www.cnblogs.com/nanfei/p/17277186.html

相关文章

  • PHPExcel读取和设置日期格式
    1.读取excle中的日期$val=$PHPExcel_sheet->getCellByColumnAndRow(ord('I')-65,3)->getValue();echodate("Y-m-d",PHPExcel_Shared_Date::ExcelToPHP($val));die;  2.设置导出excle表格中日期格式$resultPHPExcel->getActiveSheet()->setCellValu......
  • vue2中使用antv/G6节点内容可滚动的ER图
    先举一个栗子: 如果不会请移步到官网的栗子,请点击查看狠人话不多,直接给大家上代码:整体代码片段<template><divid="container"style="position:relative;"></div></template><script>/*eslint-disable*/importG6from"@antv/g6";i......
  • vue3创建工程
    创建Vue3项目的步骤如下:安装Node.jsVue3需要依赖Node.js环境,因此需要先安装Node.js。可以从官网下载Node.js的安装包并安装,也可以使用包管理器安装,例如在Ubuntu上可以使用以下命令安装:sudoapt-getupdatesudoapt-getinstallnodejssudoapt-getinstallnpm......
  • 秀米新技能:如何在秀米推文中上传附件?如Word、Excel、PPT、PDF等
    发表公众号推文的时候,有不少人使用秀米作为公众号的图文排版工具。作为深受运营人喜爱的一款排版工具,排版案例拿来即用,方便了不少我们这种爱偷懒的运营人。在实际的运营工作中,我们经常需要在公众号发表一些带有附件的文章,比如岗位需求表、报名申请表、成绩公示表、比赛晋级名单、......
  • vue+leaflet示例:克里金插值渲染显示(附源码下载)
    demo源码运行环境以及配置运行环境:依赖Node安装环境,demo本地Node版本:14.19.1。运行工具:vscode或者其他工具。配置方式:下载demo源码,vscode打开,然后顺序执行以下命令:(1)下载demo环境依赖包命令:npmi(2)启动demo命令:npmrundev(3)打包demo命令:npmrunbuild:release示例效果......
  • 谷歌Chrome浏览器内直接打开编辑保存Office Word、Excel、PPT 文档,可离线部署!
    谷歌Chrome经过开发团队不断优化,凭借运行界面简单,打开速度最快及扩展插件众多,Chrome已经成为了世界上最受欢迎的浏览器。不过有一点非常可惜,由于微软Office不是开源程序,所以Chrome一直无法直接打开微软Office文档。虽然后来有一些国内厂商通过调用微软免费开源的ActiveX控件DsoFr......
  • Excel批量检查5列数值是否相等(存在不规则空值)
    因存在位置未知的空值,需要两两空值判断再进行比较,所以5列两两相比有10种可能,需要全面考虑,缺一都可能导致数据不准确(空值位置影响)案例中当前单元格的函数:=AND(IF(OR(B3="",C3=""),TRUE,B3=C3),IF(OR(C3="",D3=""),TRUE,C3=D3),IF(OR(D3="",E3=""),TRUE,D3=E3),IF(OR(E3="&q......
  • CAD导出PDF线条很粗怎样设置?
    CAD导出PDF后线条很粗怎样办?经常会有小伙伴遇到这个问题,本节CAD教程小编就来给大家分享一下CAD导出PDF后线条很粗的解决办法,感兴趣的话就和小编一起来简单了解一下吧!CAD导出PDF线条很粗解决办法:浩辰CAD导出PDF的时候可以根据自身需求设置是否需要打印对象线宽,如果想要保留原图的......
  • vue3 - 在单独的项目制作自定义组件插件,支持vite【前提不要使用webpack专属语法】
    1.背景与vue2组件不一样,没有那么随意,如果想要支持vite,那么不要使用webpack专属语法,如defide和 require等2.解决在 package.json文件属性  main配置为插件入口文件位置,至于是js还是ts随意 目录  简单做了个组件  入口文件内容如下importComponentf......
  • Java中使用EasyExcel生成Excel文件
    使用Spring框架中的@ExcelProperty注解生成Excel文件需要借助于第三方库,比如EasyExcel或ApachePOI等。首先定义实体类,例如publicclassUser{@ExcelProperty(value="姓名",index=0)privateStringname;@ExcelProperty(value="年龄",index=1)priva......