iview table数据直接导出_vue+iview中的table表格导出excel表格

一、iveiw框架中table中有exportCsv()方法可以导出.csv后缀文件，类似于excel文件，但是并不是excel文件。

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

1.Blob.js 和 Export2Excel.js文件

链接：https://pan.baidu.com/s/1PvP-NxmONNh71SRDvlL_9A 密码：3h82

2.把Blob.js 和 Export2Excel.js文件添加到src文件夹下的assets的文件夹下的js文件夹里

在项目下还有有以下操作：

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

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

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

3.在Export2Excel.js中配置

这个地址和需要转换excel文件的页面的文件位置有关系，我的页面文件在assets同级文件夹pages下的home文件夹下。

这个地址是Blob.js相对于导出excel文件页面的相对位置

4.代码

handleDownload() {

this.downloadLoading = true;

require.ensure([], () => {

const {export_json_to_excel} = require('../../assets/j