1、安装 vue-json-excel 依赖
npm install vue-json-excel
2、初始化 vue-json-excel
import Vue from 'vue'import JsonExcel from 'vue-json-excel'ponent('downloadExcel', JsonExcel)
3、准备数据
在这里我们需要准备两个数据：
表头数据： headerData
表格数据： tabelData
（变量名可根据自己喜好定义）
4、html代码
<download-excel :data="tabelData" :fields="headerData"type="xlsx"worksheet="My Worksheet":name="title"><el-button type="primary">导表</el-button></download-excel>
data：要导出的表格数据，
fields： 表头数据，
type：导出文件的格式，
worksheet：导出xlsx文件内的名称，
name： 导出表格的名称，
5、js代码
this.title = '导出表格数据'this.headerData = {'姓名'： 'name','年龄'： 'age','性别'： 'sex',}// key代表需要导出的每一列数据的名称，value代表对应的参数，和表格的prop没有关联，可以自己定义this.tabelData = [{'name': 'tom','age'： '7','sex'： '男',},{'name': 'jerry','age'： '5','sex'： '男',}]// 这里的key要和表头中定义的value要一样，不然导出的数据就没有
这里需要注意的是 ‘headerData ’ 的value值和 ‘tabelData ’ 数据的key要相同，这也是最重要的一点；
好了，导出表格数据就完成了，看看数据吧
