vxe-table 导出excel

以下是使用vxe-table插件导出excel的示例代码：

<template>
  <div>
    <vxe-grid ref="grid" :data="tableData"></vxe-grid>
    <button @click="exportExcel">导出excel</button>
  </div>
</template>

<script>
import 'vxe-table/lib/style.css';
import { Grid } from 'vxe-table';
import ExportXLSX from 'vxe-table-plugin-export-xlsx';

export default {
  components: {
    VxeGrid: Grid
  },
  data() {
    return {
      tableData: [
        // 表格数据
      ]
    };
  },
  methods: {
    exportExcel() {
      const $grid = this.$refs.grid;
      $grid.exportData({
        filename: '名称',
        type: 'xlsx',
        useStyle: true, // 是否导出样式
        data: $grid.data
      });
    }
  },
  mounted() {
    // 注册导出xlsx插件
    this.$grid.reg('exportXLSX', ExportXLSX);
  }
};
</script>

请注意，导出xlsx文件需要使用vxe-table-plugin-export-xlsx依赖，并且需要在mounted钩子函数中注册导出xlsx插件。