vue-json-excel 导出excel

如果你习惯于vue ui的 话 可以直接搜索依赖安装
npm install vue-json-excel -S

在main.js中使用

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

看使用方法就知道这是注册了一个全局组件，我们只需要传入相应的属性即可了

 <downloadExcel
        :data="json_data"
        :fields="json_fields"
        header="表格标题"
        name="需要导出的表格名称.xls"
      >
        <el-button type="primary" size="small">导出EXCEL</el-button>
      </downloadExcel>

给大家复制 方便测试

  json_data: [
    {
      Name: "张三",
      China: "90",
      Math: "93",
      English: "88"
    },
    {
      Name: "李四",
      China: "94",
      Math: "92",
      English: "86"
    }
  ],
  json_fields: {
    姓名: "Name",
    语文: "China",
    数学: "Math",
    英语: "English"
  },