蓝易云 - vue实现导出excel的多种方式

在Vue中，有多种方式可以实现导出Excel的功能，以下列出两种常见的方式：

1. 使用xlsx库：

   首先，你需要安装xlsx库，可以使用npm或yarn进行安装：

   npm install xlsx --save
   

   或者

   yarn add xlsx
   

   然后，你可以在Vue组件中使用这个库来生成并下载Excel文件：

   import XLSX from 'xlsx';
   
   export default {
     methods: {
       exportToExcel() {
         let data = [ ['姓名', '年龄'], ['张三', 30], ['李四', 25] ]; // 示例数据
         let ws = XLSX.utils.aoa_to_sheet(data);
         let wb = XLSX.utils.book_new();
         XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
         XLSX.writeFile(wb, 'test.xlsx');
       }
     }
   }
   

2. 使用后端接口：

   另外一种方式是使用后端接口来生成Excel文件。你可以在Vue组件中发送一个请求到后端接口，然后后端接口返回一个Excel文件的URL，你就可以使用这个URL来下载Excel文件。

   export default {
     methods: {
       exportToExcel() {
         this.$http.get('/api/export-excel').then(response => {
           let url = response.data.url;
           window.location.href = url;
         });
       }
     }
   }
   

   在这个例子中，'/api/export-excel'是后端接口的URL，这个接口应该返回一个包含Excel文件URL的JSON对象。

以上两种方式都可以实现在Vue中导出Excel的功能，你可以根据你的需求选择合适的方式。