element-ui tableData导出为xlsx文件

news/2024/7/10 1:11:33 标签: ui, vue, 前端

在这里插入图片描述

下载
npm i / yarn add file-saver、xlsx库
引入
import FileSaver from “file-saver”;
import XLSX from “xlsx”;

const simexport = (data) => {
  // if (data.create_time && data.create_time.length > 0) {
  //   data.start_time = parseTime(data.create_time[0], "{y}-{m}-{d} ");
  //   data.end_time = parseTime(data.create_time[1], "{y}-{m}-{d} ");
  // }

//da.tableData时表格数据
  //fileName 导出文件名;idName 导出table的id;xlsxParam 导出配置
  if (da.tableData.length == 0) {
    ElMessage.error("暂无数据");
    return;
  }
  let xlsxParam = { raw: true }; // 导出的内容只做解析,不进行格式转换
  let wb = XLSX.utils.table_to_book(
    document.querySelector("#exportTab"),
    xlsxParam
  );
  let wbout = XLSX.write(wb, {
    bookType: "xlsx",
    bookSST: true,
    type: "array",
  });
  try {
    FileSaver.saveAs(
      new Blob([wbout], { type: "application/octet-stream" }),
      `${"小程序"}.xlsx`
    );
  } catch (e) {
    if (typeof console !== "undefined") {
      console.log(e, wbout);
    }
  }
  return wbout;
};

效果
在这里插入图片描述


http://www.niftyadmin.cn/n/5467980.html

相关文章

Scala第十八章节(Iterable集合、Seq集合、Set集合、Map集合以及统计字符个数案例)

Scala第十八章节 章节目标 掌握Iterable集合相关内容.掌握Seq集合相关内容.掌握Set集合相关内容.掌握Map集合相关内容.掌握统计字符个数案例. 1. Iterable 1.1 概述 Iterable代表一个可以迭代的集合, 它继承了Traversable特质, 同时也是其他集合的父特质. 最重要的是, 它定…

open Gauss 数据库-03 openGauss数据库维护管理指导手册

发文章是为了证明自己真的掌握了一个知识,同时给他人带来帮助,如有问题,欢迎指正,祝大家万事胜意! 目录 前言 openGauss数据库维护管理 1 操作系统参数检查 1.1 实验介绍 1.2 场景设置及操作步骤 2 openGauss 运…

【零基础C语言】编译和链接

1.翻译环境和运行环境 翻译环境:将源代码转化为可执行的机器指令 运行环境:用于执行机器指令 1.1 翻译环境 翻译环境由编译和链接两大过程构建,编译又可以分为三大过程: 【1】预处理(预编译) 【2】编译 【3】汇编 不同的.c文件经…

SpringBoot参数校验@Valid 和 @Validated注解使用详解

JSR-303 是 JAVA EE 6 中的一项子规范,叫做 Bean Validation,官方参考实现是Hibernate Validator。 注意:JSR-303实现与 Hibernate ORM 没有任何关系。 JSR 303 用于对 Java Bean 中的字段的值进行验证。 Spring MVC 3.x 之中也大力支持 JS…

c++内存分配区(Arena),内存池

C中内存池和内存分配区Arena概念详解_C 语言_脚本之家 在 C 中,内存分配区(Arena)通常指的是预先分配的一大块连续内存空间。这种方法的主要目的是提高内存分配和释放的效率,特别是在频繁创建和销毁小对象的场景中。Arena 内存管理…

回溯算法|47.全排列II

力扣题目链接 class Solution { private:vector<vector<int>> result;vector<int> path;void backtracking (vector<int>& nums, vector<bool>& used) {// 此时说明找到了一组if (path.size() nums.size()) {result.push_back(path);r…

如何使用CP完成冷迁移Oracle RAC到单机

1、起因 群友说有套数据库要进行迁移&#xff0c;源端是套跑了十年的RAC&#xff0c;目标段是个新的单机&#xff08;都是同一架构平台&#xff09;&#xff0c;数据量约3T左右。 目前DATA目录存储和归档放在一起&#xff0c;整个磁盘组只剩下了20G空间&#xff0c;每间隔1小…

Generative AI for Beginners

Generative AI for Beginners 微软推出的面向初学者的免费生成式人工智能课程。 课程章节相关教学内容学习目标课程介绍和学习环境设置学习环境配置和课程结构在学习本课程的同时帮助您取得成功生成式人工智能和 LLMs 介绍知识点: 生成式人工智能以及我们如何适应当前的技术格…