vue导出Excel表

Vue.js中导出Excel表格通常通过结合一些前端库，如`vue-excel-export`、`js-xlsx`或者`xlsx-style`等工具来实现。以下是使用`vue-excel-export`库的一个简单步骤：

1. 安装依赖：

   npm install vue-excel-export js-xlsx --save

2. 引入并配置组件：

   <template>
     <button @click="exportToExcel">导出到Excel</button>
   </template>

   <script>
   import { exportExcel } from 'vue-excel-export';
   export default {
     components: {
       ExportButton: {
         template: '<button :export="exportToExcel"></button>',
         methods: {
           async exportToExcel() {
             const data = [
               // 这里是你的数据数组，每一行是一个对象
               { column1: '值1', column2: '值2' },
               { column1: '值3', column2: '值4' },
             ];
             await exportExcel({
               filename: 'example.xlsx', // 文件名
               data,
               sheetName: 'Sheet1', // 工作表名称
               head: ['列1', '列2'], // 表头
             });
           }
         }
       }
     }
   };
   </script>

3. 在`data`中准备你要导出的数据，并在`exportToExcel`方法中设置文件名、数据内容、工作表名以及表头。