自存 前端vue导出excel

1、下载vue-json-excel，

npm install vue-json-excel 或者 cnpm install vue-json-excel

npm install vue-json-excel
# or
cnpm install vue-json-excel//速度更加快

2、在项目里引用（main.js)

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

3、在要应用的地方插入

html

data：表格数据

fields：表头数据

type：导出类型（xlsx好像不可以打开，xls提示有错，但是信任之后可以正常打开，暂时没找到解决办法）

header：表格内的名字

name：导出的文件名

   <download-excel
          class="export-btn"
          :data="tableData"
          :fields="jsonFields"
          type="xls"
          :header="数据"
          :name="数据.xls"
        >
        <button>导出</button>
        </download-excel>

js

 jsonFields:{
        '类别':'name',
        '时间':'date',
        '数量':'value',
      }