vue3+ant design实现表格数据导出Excel

提示:实现表格数据导出Excel

文章目录

前言

一、安装ant design?

二、引用ant design

1.搭建框架

 2.获取表格数据

 三、封装导出表格的代码

 四、导出

1.获取导出地址

 2.在下载导出事件中添加导出代码

五、全部代码 


前言

今天终于有时间来更新文章了,最近公司项目比较紧急,再加上自己要准备毕设答辩,所以都没啥自己的空余时间,这几天自己做的任务也完成的差不多了,之前已经更新过表格数据的增删改查,今天就来讲一下如何实现表格数据的导入吧,原本想把导出也一起写的,但是两者涉及的知识点比较多,所以就分开来阐述。因为刚开始自己做这个的时候也是小白,也浏览了很多大佬的技术博客,通过不断地总结和修改才积累了有关这个功能的经验,希望我的文章能够帮到更多的小伙伴呀,一起不断学习吧!


提示:以下是本篇文章正文内容,下面案例可供参考

一、安装ant design?

在安装ant design之前其实还有很多步骤需要操作,这里因为主要讲解表格数据导出到Excel中,所以前期项目的创建等步骤就不一一重述了,不懂的小伙伴可查看我前面的文章或者自行在博客上查找,有关这一内容的技术文章还是数不胜数的。

npm i --save ant-design-vue

注意:如果是使用vite创建的项目一定要注意ant design版本,不然后续可能在项目中存在bug,本人因经历过,真是血的教训。 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/9941.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何打开远程桌面连接?

远程桌面连接是一项强大的功能,它允许我们远程访问其他计算机,并在远程计算机上进行操作。这对于远程办公、技术支持和远程培训等场景非常有用。本文将介绍如何在不同操作系统中打开远程桌面连接。 Windows系统 在Windows操作系统中,打开远程…

第二证券今日投资参考:银保渠道合作限制松绑 低空旅游借势起飞

昨日,两市股指盘中震动上扬,沪指一度涨近1%续创年内新高,创业板指一度涨超2%。到收盘,沪指涨0.83%报3154.32点,深证成指涨1.55%报9788.07点,创业板指涨1.87%报1900.01点,科创50指数涨2.26%&…

mysql数据库配置(my.ini|my.cnf)文件参数详细介绍

mysql数据库配置文件参数介绍 #[client] #MySQL默认密码 #password88888888 [mysqld] #MySQL以什么用户运行 #usermysql #MySQL运行在哪个端口 #port3306 #改参数指定了安装MySQL的安装路径,填写全路径可以解决相对路径所造成的问题 #basedir #指定MySQL的数据库文件…

DateKit

目录 1、 DateKit 1.1、 DaysBetween 1.2、 compareDate 1.3、 dateFormat 1.4、 birthdayFormat 1.5、 getYesterday

html的基础知识和常见的语法简单归纳

HTML HTML是超文本标记语言(HyperText Markup Language)的缩写。它是一种用于创建网页的标记语言,用于描述网页的结构和内容。HTML通过一系列的标签(tag)来定义文档的各个部分,例如标题、段落、链接、图像…

一键局域网共享工具

一键局域网共享工具:实现文件快速共享的新选择 在数字化时代,文件共享已成为我们日常工作和生活中的重要需求。无论是在家庭还是在办公环境中,我们经常需要在不同的设备之间传输文件。为了满足这一需求,一键局域网共享工具应运而…

彩虹聚合DNS管理系统

聚合DNS管理系统可以实现在一个网站内管理多个平台的域名解析,目前已支持的域名平台有:阿里云、腾讯云、华为云、西部数码、CloudFlare。本系统支持多用户,每个用户可分配不同的域名解析权限;支持API接口,支持获取域名…

代码随想录学习Day 35

343.整数拆分 题目链接 讲解链接 动归五部曲: 1.确定dp数组及其下标含义:dp[i]表示的就是第i个数拆分可得到的最大乘积; 2.确定递推公式:从1遍历j,然后有两种渠道得到dp[i],一个是j * (i - j) 直接相乘…

python实现把doc文件批量转化为docx

python实现把doc文件批量转化为docx import os from win32com import client as wcdef doSaveAas(doc_path,docx_path):#该函数参考https://blog.csdn.net/m0_38074612/article/details/128985384word wc.Dispatch(Word.Application)doc word.Documents.Open(doc_path) # 目…

LeetCode96:不同的二叉搜索树

题目描述 给你一个整数 n ,求恰由 n 个节点组成且节点值从 1 到 n 互不相同的 二叉搜索树 有多少种?返回满足题意的二叉搜索树的种数。 代码 /*dp[i]:表示i个节点有dp[i]个不同的二搜索叉树递推公式:dp[i] dp[j-1] * dp[i-j], j…

Mongodb中的索引

目录 索引的类型 单字段索引 符合索引 其他索引 索引的管理操作 查看索引 创建索引 移除索引 索引的使用 执行计划 覆盖的索引查询 索引支持在MongoDB中高效地执行查询。 如果没有索引,MongoDB必须执行全集合扫描,即扫描集合中的每个文档&a…

2024 年最新使用 ntwork 框架搭建企业微信机器人详细教程

NTWORK 概述 基于 PC 企业微信的 api 接口,支持收发文本、群、名片、图片、文件、视频、链接卡片等。 下载安装 ntwork pip install ntwork国内源安装 pip install -i https://pypi.tuna.tsinghua.edu.cn/simple ntwork企业微信版本下载 官方下载:h…

H5 css动画效果

你可以使用 CSS 动画来实现这个效果。下面是一个简单的示例代码&#xff0c;展示了如何使用 CSS 中的关键帧动画来放大然后缩小一张图片&#xff0c;并使动画循环播放&#xff1a; html <!DOCTYPE html> <html lang"en"><head><meta charset&qu…

机器学习-Padans

机器学习-Padans 面对人生的烦恼与挫折&#xff0c;最重要的是摆正自己的心态&#xff0c;积极面对一切。再苦再累&#xff0c;也要保持微笑。笑一笑&#xff0c;你的人生会更美好&#xff01; 目录 机器学习-Padans 1.DataFrame 2.画图 3. 扩展&#xff1a; 1.DataFrame #…

Spring MVC分页示例

Spring MVC分页示例 分页用于在不同部分显示大量记录。在这种情况下&#xff0c;我们将在一页中显示10、20或50条记录。对于其余记录&#xff0c;我们提供链接。 我们可以在Spring MVC中简单地创建分页示例。在此分页示例中&#xff0c;我们使用MySQL数据库来获取记录。 创建…

【kettle】kettle访问数据库系列文章及视频地址(更新中)

1.一直以来想写下基于kettle的系列文章&#xff0c;作为较火的数据ETL工具&#xff0c;也是日常项目开发中常用的一款工具&#xff0c;最近刚好挤时间梳理、总结下这块儿的知识体系。 2.这里整理了kettle访问数据库系列文章及视频地址整体链接&#xff0c;并及时补充、更新相关…

Web实时通信的学习之旅:轮询、WebSocket、SSE的区别以及优缺点

文章目录 一、通信机制1、轮询1.1、短轮询1.2、长轮询 2、Websocket3、Server-Sent Events 二、区别1、连接方式2、协议3、兼容性4、安全性5、优缺点5.1、WebSocket 的优点&#xff1a;5.2、WebSocket 的缺点&#xff1a;5.3、SSE 的优点&#xff1a;5.4、SSE 的缺点&#xff1…

Java中List<? extends T>与List<? super T>的区别

目录 概述List<? extends T>List<? super T><T extends Comparable<? super T>>示例 概述 在Java中&#xff0c;List<? extends T>和List<? super T>是用于表示具有泛型参数的列表的类型声明。它们之间的区别在于它们的作用和限制。…

AI图书推荐:ChatGPT全面指南—用AI帮你更健康、更富有、更智慧

你是否在努力改善你的健康&#xff1f; 你是否长期遭受财务困难&#xff1f; 你想丰富你的思想、身体和灵魂吗&#xff1f; 如果是这样&#xff0c;那么这本书就是为你准备的。 《ChatGPT全面指南—用AI帮你更健康、更富有、更智慧》&#xff08;CHATGPT Chronicles AQuick…

字符串实战

文章目录 c类型字符串定义遍历 c类型str定义字符串拼接获取指定位置的字符遍历截取字符串获取字符在字符串指定位置的索引 c类型字符串 定义 遍历 c类型str 定义 字符串拼接 获取指定位置的字符 遍历 截取字符串 获取字符在字符串指定位置的索引 #include #include …