vue导出excel下载和不下载

简介: vue导出excel下载和不下载

下载依赖:

npm run install xlsx

npm install file-saver -S

引入:

 import * as XLSX from 'xlsx';

 import FileSaver from 'file-saver';

正常:

导出下载:

const exData = (dom, title) => {
      let wb = XLSX.utils.table_to_book(dom, { raw: true });
      let wbout = XLSX.write(wb, {
        bookType: 'xlsx',
        bookSST: true,
        type: 'array',
      });
      try {
        FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), title + `.xlsx`);
      } catch (e) {
        if (typeof console !== 'undefined') {
          console.log(e, wbout);
        }
      }
      return wbout;
    };
    exData(document.querySelector('#idsssx'), '薪资表');

导出不下载:

let datasses = datass.value + '-' + datas.value;
      const getExcel = (tableRef, excelTitle) => {
        const wb = XLSX.utils.table_to_book(tableRef, { raw: true });
        const wbout = XLSX.write(wb, {
          bookType: 'xlsx',
          bookSST: true,
          type: 'array',
        });
        return new File([wbout], excelTitle + '.xlsx');
      };
      const excel = getExcel(document.getElementById('baga'), '薪资表');
      console.log(excel);
      const obj = new FormData();
      obj.append('excel', excel);
      obj.append('nowdate', datasses);
      obj.append('projectid', 6);
      obj.append('companyid', 2);
      axios({
        method: 'POST',
        url: '/wage/index/batch_add',
        data: obj,
      }).then((res) => {
        console.log(res);
        if (res.data.code == 2) {
          ElMessage({
            message: '添加失败,请检查未填写的地方',
            type: 'warning',
          });
        } else {
          ElMessage({
            showClose: true,
            message: '添加成功',
            type: 'success',
          });
          addition.value = 0;
        }
      });


相关文章
|
15天前
|
关系型数据库 MySQL Shell
不通过navicat工具怎么把查询数据导出到excel表中
不通过navicat工具怎么把查询数据导出到excel表中
24 0
|
23天前
|
前端开发 JavaScript
使用Vue+xlsx+xlsx-style实现导出自定义样式的Excel文件
本文介绍了在Vue项目中使用`xlsx`和`xlsx-style`(或`xlsx-style-vite`)库实现导出具有自定义样式的Excel文件的方法,并提供了详细的示例代码和操作效果截图。
205 1
使用Vue+xlsx+xlsx-style实现导出自定义样式的Excel文件
|
23天前
|
前端开发 Python
使用Python+openpyxl实现导出自定义样式的Excel文件
本文介绍了如何使用Python的openpyxl库导出具有自定义样式的Excel文件,包括设置字体、对齐方式、行列宽高、边框和填充等样式,并提供了完整的示例代码和运行效果截图。
24 1
使用Python+openpyxl实现导出自定义样式的Excel文件
|
19天前
|
SQL 分布式计算 DataWorks
DataWorks产品使用合集之如何直接导出excel文件
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
|
23天前
|
JavaScript 前端开发 easyexcel
基于SpringBoot + EasyExcel + Vue + Blob实现导出Excel文件的前后端完整过程
本文展示了基于SpringBoot + EasyExcel + Vue + Blob实现导出Excel文件的完整过程,包括后端使用EasyExcel生成Excel文件流,前端通过Blob对象接收并触发下载的操作步骤和代码示例。
124 0
基于SpringBoot + EasyExcel + Vue + Blob实现导出Excel文件的前后端完整过程
|
23天前
|
数据管理 数据处理 数据库
分享一个导出数据到 Excel 的解决方案
分享一个导出数据到 Excel 的解决方案
|
26天前
|
数据可视化 Python
我是如何把python获取到的数据写入Excel的?
我是如何把python获取到的数据写入Excel的?
32 2
|
3月前
|
数据安全/隐私保护
杨老师课堂之Excel VBA 程序开发第七讲表格数据高亮显示
杨老师课堂之Excel VBA 程序开发第七讲表格数据高亮显示
34 1
|
11天前
|
SQL JSON 关系型数据库
n种方式教你用python读写excel等数据文件
n种方式教你用python读写excel等数据文件
|
15天前
|
存储 Java Apache