vue做表格的导出功能（一）。

前言：前段时间做了一个表格导出功能的，是基于vue的，利用element-ui。

一.安装插件：

npm install -S file-saver xlsx
npm install -D script-loader

二.下载js文件，并用新建文件夹：

链接：pan.baidu.com/s/1wNyTHAc9… 提取码：jbwa 复制这段内容后打开百度网盘手机App，操作更方便哦

三在main.js中引入并使用

更改Export2Excel.js文件，如下：

在vue文件中引入：

import {export_json_to_excel} from './public/Export2Excel'

整体的代码：

亲测有效，默认导出的全部数据。

四.单条或多条数据的导出

如果要导出单条或者多条数据，就要拿到当前的勾选数据

在el-table标签中加selection-change，当选择项发生变化时会触发该事件，如下图：

在methods添加该方法，定义一个空数组：

勾选就会拿到该条的数据，就可以做单条或多条的数据导出了，写的不足欢迎吐槽！