vue + iview 导出excel表格

本文介绍如何使用iveiw框架的Table组件结合Blob.js和Export2Excel.js文件,实现将表格数据导出为Excel文件的方法。通过下载所需文件、配置路径及引入依赖,轻松完成数据导出。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

iveiw框架的中Table组件中有exportCsv()方法可以导出.csv后缀文件,类似于excel文件,但是并不是excel文件。

要实现table表格导出excel文件,利用Blob.js和Export2Excel.js两个文件实现

1 下载Blob.js和Export2Excel.js文件

  链接: https://pan.baidu.com/s/15SOqrzBLz-hGEC9SrXxvKw  提取码:u75j 

2. 把Blob.js和Export2Excel.js文件放到src文件夹下

    注意:安装三个依赖

    npm install -S file-saver //用来生成文件的web应用程序

 npm install -S xlsx //电子表格格式的解析器

 npm install -D script-loader //将js挂在在全局下

    

   3 修改Export2Excel.js文件中的路径(自己的路径)

    

    4  在main.js中引入Blob.js和Export2Excel.js文件(这一步好像没用到)

   

   5 在组件中使用

 注意 修改标注位置的路径为自己的路径!

看了前辈们的分享,自己也能导出来,顺便做一下笔记

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值