antd vue 将表格导出为Excel

这篇博客介绍了如何在Vue项目中利用antd组件库和相关依赖,将表格数据导出为Excel文件。首先,通过npm安装file-saver、xlsx和script-loader依赖。接着,创建excel文件夹并引入所需的js文件。然后,在main.js中导入并引用Blob.js和Export2Excel.js。在需要导出功能的组件中,定义相关方法以实现表格数据的导出。
摘要由CSDN通过智能技术生成

1.安装依赖

npm install -S file-saver xlsx

npm install -S script-loader

2.引入js文件 放在src目录下新建excel文件夹里面

链接: https://pan.baidu.com/s/11PB_IYS2Y0z5T1YKVNF0MQ 提取码: 46h5 复制这段内容后打开百度网盘手机App,操作更方便哦

 3.在main.js里引入添加的两个文件(路径根据自己文件目录自行修改)

// 导出Excel

import Blob from "@/excel/Blob.js"

import Export2Excel from "@/excel/Export2Excel.js"

 4.修改Export2Excel.js文件中Blob.js路径

5.回到要用导出功能的组件里准备导出。

在methods里写入两个方法,如下:

<
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值