elementui导出excel表格

ElementUI提供了一个名为`ExportJsonExcel`的组件，可以方便地将JSON数据导出为Excel表格。

使用步骤如下：

1. 安装`xlsx`和`file-saver`依赖包：

npm install xlsx file-saver --save

2. 在需要使用的组件中导入`ExportJsonExcel`组件：

import ExportJsonExcel from '@/components/ExportJsonExcel'

3. 在组件中使用`ExportJsonExcel`组件，传入要导出的数据和表格名称：

<export-json-excel
  :data="tableData"
  :name="'表格名称'"
>
  <el-button>导出Excel</el-button>
</export-json-excel>

其中，`tableData`为要导出的JSON数据，`'表格名称'`为导出的Excel文件名。`<el-button>`标签为导出按钮。

完整示例代码如下：

<template>
  <div>
    <export-json-excel
      :data="tableData"
      :name="'表格名称'"
    >
      <el-button>导出Excel</el-button>
    </export-json-excel>
  </div>
</template>

<script>
import ExportJsonExcel from '@/components/ExportJsonExcel'

export default {
  components: {
    ExportJsonExcel
  },
  data() {
    return {
      tableData: [
        { id: 1, name: '张三', age: 18 },
        { id: 2, name: '李四', age: 20 },
        { id: 3, name: '王五', age: 22 }
      ]
    }
  }
}
</script>