vue使用vue-json-excel导出表单数据

在使用 vue-element-admin 时 按照官方例子导出数据
发现后端返回数据如果有对象时 就没得玩了
不能识别

研究了半天 发现了 vue-json-excel 具体使用方法如下

npm install vue-json-excel

在main.js 里面加上 然后就可以直接使用了

import JsonExcel from 'vue-json-excel'
Vue.component('downloadExcel', JsonExcel)

在需要使用的位置里写上

<download-excel 
	class="export-excel-wrapper" 
	:data="tableData"  //需要带出的数据
	:fields="tHeader"  //表头数据
	header="工人表"   //表格头部标题
	name="工人表.xls"> //表格名称
	<el-button type="primary" size="mini">导出EXCEL</el-button>
</download-excel>

表头数据需要 对象格式 例如

let tHeader = {
	'姓名':'name',
	'证件号码':'userInfo.card_number'
}

效果如下