vxe-table导出

vxe-table是一个基于Vue.js的表格组件库，它提供了很多功能强大的表格组件，包括：分页、排序、筛选、编辑、树形表格、虚拟滚动等等。

vxe-table支持导出表格数据到Excel、CSV、JSON、TXT等格式，导出功能非常方便和灵活。下面是导出vxe-table数据的步骤：

1. 安装vxe-table和xlsx依赖

npm install --save vxe-table xlsx

2. 在组件中引入vxe-table和xlsx

import XLSX from 'xlsx'
import VXETable from 'vxe-table'
import 'vxe-table/lib/style.css'

3. 在table组件中添加ref属性，用来获取vxe-table实例

<template>
  <vxe-table ref="xTable"></vxe-table>
</template>

4. 在导出按钮的click事件中，通过vxe-table实例的getTableData方法获取表格数据，并将数据转换成Excel格式

<script>
export default {
  methods: {
    exportExcel () {
      const tableData = this.$refs.xTable.getTableData()
      const tableHeader = this.$refs.xTable.getTableColumn().filter(item => item.property !== undefined)
      const sheet = XLSX.utils.json_to_sheet(tableData)
      const workbook = XLSX.utils.book_new()
      XLSX.utils.book_append_sheet(workbook, sheet, 'Sheet1')
      const headerMap = tableHeader.map(item => item.label)
      XLSX.utils.sheet_add_aoa(sheet, [headerMap], {origin: 'A1'})
      XLSX.writeFile(workbook, 'table.xlsx')
    }
  }
}
</script>

以上就是使用vxe-table导出表格数据的步骤，可以根据实际需求进行修改和扩展。