1. 安装依赖

   npm install vue-json-excel -S

2. 在 main.js 中引入

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

3. 使用

   <download-excel class="excel_btn" :data="DiscountList" :fields="json_fields" header="xx记录" name="xx记录.xls">
   	<el-button>导出</el-button>
   </download-excel>

   4. 组件属性列表

      属性名	类型	描述	默认值
      data	ObjectArray	需要下载的数据
      fields	Object	设置 Excel 表头，映射 data 中的 Object.key
      export-fields	Object	同上
      type	String	Excel 文件类型，可选值 [xls,csv]	xls
      name	String	文件名
      header	String	表格标题
      footer	String	页脚

4. fields 属性格式，下面代码中 data 为需要下载的数据，fields 为 Excel 表头

   data: [
   	{ id: 1101, name: '张三', age: 18 },
   	{ id: 1102, name: '李四', age: 19 },
   	{ id: 1103, name: '王五', age: 20 },
   ]
   
   fields: {
       "id": "id",
       "姓名": "name",
       "年龄": "age",
   }

   最后的导出结果