element ui table二次封装导出功能

要实现Element UI Table的导出功能，你可以使用以下步骤：

1. 创建一个导出按钮和一个方法
在表格上方添加一个按钮，并为其添加一个点击事件，点击事件会触发一个方法。

<el-button type="primary" @click="exportExcel">导出Excel</el-button>

exportExcel() {
  // TODO: 导出Excel
}

2. 获取表格数据
在方法中，使用Element UI Table的`$refs`属性获取到表格组件实例，然后使用`$refs.table.data`获取表格数据。

exportExcel() {
  let tableData = this.$refs.table.data;
  // TODO: 导出Excel
}

3. 将数据转化为Excel格式
使用第三方库`xlsx`将表格数据转化为Excel格式。安装`xlsx`库：

npm install xlsx

然后在方法中使用以下代码：

import XLSX from 'xlsx';

exportExcel() {
  let tableData = this.$refs.table.data;
  let sheetName = 'Sheet1';
  let wb = XLSX.utils.table_to_book(this.$refs.table.$el);
  let ws = wb.Sheets[sheetName];
  let data = XLSX.utils.sheet_to_json(ws, {header:1});
  let filename = 'export.xlsx';
  XLSX.writeFile(wb, filename);
}

这段代码将使用`table_to_book`方法将表格转化为Workbook对象，并使用`sheet_to_json`方法将Sheet对象转化为JSON格式。最后使用`writeFile`方法将Workbook对象写入到Excel文件中。

4. 完整代码

<template>
  <div>
    <el-button type="primary" @click="exportExcel">导出Excel</el-button>
    <el-table ref="table" :data="tableData">
      <!-- 表格列 -->
    </el-table>
  </div>
</template>

<script>
import XLSX from 'xlsx';

export default {
  data() {
    return {
      tableData: [
        // 表格数据
      ]
    }
  },
  methods: {
    exportExcel() {
      let sheetName = 'Sheet1';
      let wb = XLSX.utils.table_to_book(this.$refs.table.$el);
      let ws = wb.Sheets[sheetName];
      let data = XLSX.utils.sheet_to_json(ws, {header:1});
      let filename = 'export.xlsx';
      XLSX.writeFile(wb, filename);
    }
  }
}
</script>