vue 导出excle

1.下载 vue-json-excel

cnpm i -S vue-json-excel

2.main.js中全局注册

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

3.使用

 <download-excel
      class="export-excel-wrapper"
      :data="tableData"//导出Excel表格信息
       :fields = "jsonFields"//导出Excel表格的表头设置
      type="xls"
      worksheet="My Worksheet"
      name="库存信息"
      style="margin-left: 10%;"
    >
      <el-button type="primary">导出</el-button>
    </download-excel>




/**/
 data() {
    return {
      jsonFields: {  //导出Excel表格的表头设置
        '姓名': 'date',
        '年龄': 'name',
        '手机号': 'address',
      },
      tableData: [ //导出Excel表格信息
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
      ],
    };