vue如何实现table导出数据到excel表格

要实现Vue中table导出数据到Excel表格，可以使用第三方插件，如`xlsx`和`file-saver`。

1. 安装`xlsx`和`file-saver`插件

npm install xlsx file-saver --save

2. 在Vue组件中引入插件并定义导出方法

import XLSX from 'xlsx'
import FileSaver from 'file-saver'

export default {
  methods: {
    exportToExcel() {
      const worksheet = XLSX.utils.json_to_sheet(this.tableData)
      const workbook = XLSX.utils.book_new()
      XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1')
      const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' })
      const excelBlob = new Blob([excelBuffer], { type: 'application/octet-stream' })
      FileSaver.saveAs(excelBlob, 'tableData.xlsx')
    }
  }
}

3. 在表格中添加导出按钮，并绑定导出方法

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

其中，`this.tableData`为存储表格数据的数组。此方法将数组转换为Excel工作表，并将其作为文件下载到本地。