el-tabel导出excel表格

news/2024/11/28 5:31:57/

1、安装插件

npm install file-saver --save
npm install xlsx --save

2、引入插件


import FileSaver from "file-saver";
import * as XLSX from 'xlsx';

3、在tabel中添加ref属性和导出方法

 

4、添加方法

    exportExcel (excelName) {try {const $e = this.$refs['report-table'].$ellet $table = $e.querySelector('.el-table__fixed')if (!$table) {$table = $e}const wb = XLSX.utils.table_to_book($table, { raw: true })const wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }),`${excelName}.xlsx`,)} catch (e) {if (typeof console !== 'undefined') console.error(e)}}

 


http://www.ppmy.cn/news/979238.html

相关文章

c语言的数据类型 -- 与GPT对话

1 c语言的数据类型 在C语言中,数据类型用于定义变量的类型和存储数据的方式。C语言支持多种数据类型,包括基本数据类型和派生数据类型。以下是C语言中常见的数据类型: 基本数据类型(Primary Data Types): int: 整数类型,通常表示带符号的整数。char: 字符类型,用于存储…

探讨ChatGPT的强化学习:AI学习与交互的未来

🌷🍁 博主 libin9iOak带您 Go to New World.✨🍁 🦄 个人主页——libin9iOak的博客🎐 🐳 《面试题大全》 文章图文并茂🦕生动形象🦖简单易学!欢迎大家来踩踩~&#x1f33…

【MATLAB】 二维绘图,三维绘图的方法与函数

目录 MATLAB的4种二维图 1.线图 2.条形图 3.极坐标图 4.散点图 三维图和子图 1.三维曲面图 2.子图 MATLAB的4种二维图 1.线图 plot函数用来创建x和y值的简单线图 x 0:0.05:30; %从0到30,每隔0.05取一次值 y sin(x); plot(x,y) %若(x,y,LineWidth,2) 可…

单例模式的线程安全形式

目录 1.单例设计模式的概念 2.实现方法: 1.饿汉式 2.懒汉式 3.区分饿汉式和懒汉式: 3.单例模式的双重校验线程安全形式 1.线程安全问题的解决方法 1.1 synchronized关键字: 1.2 volatile关键字: 保证变量可见性&#xff…

DDD架构

原文 一、DDD层级 DDD架构层级为四层:用户接口层,应用层,领域层,基础层 1. 用户接口层 Interfaces 的代码目录结构有:assembler、dto 和 facade 三类 Assembler: 实现 DTO 与领域对象之间的相互转换和数…

【docker 安装】 与【docker-compose 安装】

不同的操作系统需要不同的docker安装文件:具体下载位置: Docker: https://download.docker.com/linux/static/stable/ docekr-compose:https://github.com/docker/compose/releases 1. 验证客户机器是否有docker 和docker-compose docker -…

Vue源码学习 - 数据响应式原理

目录 前言一、入口查找二、初始化initState()initProps()initData()observe() - Observer的守护ObserverdefineReactive() 三、依赖收集Watcher 和 Dep 通过 例子 对概念有个了解1)什么是Watcher呢?2)Watcher的种类有哪些呢?3&…

【linux】uboot之链接重定向

文章目录 一、uboot中的链接脚本重定向二、具体代码编译器选项uboot中的符号重定向 一、uboot中的链接脚本重定向 在 U-Boot 中,链接脚本(Linker Script)用于指定可执行文件的内存布局和符号表等信息。通过修改链接脚本,可以对程…