vue2导出excel文件

在Vue2中导出Excel文件的方法可以通过使用Export2Excel.js这个库来实现。这个库暴露了两个接口：export_table_to_excel和export_json_to_excel。其中，我们常用export_json_to_excel接口，因为它更加可控一些。

首先，在src目录下创建一个excel文件夹，并在其中放入Blob.js和Export2Excel.js这两个文件（可以在文章底部获取）。

然后，在Vue组件中的template部分，添加一个按钮，并绑定一个点击事件export2Excel。

在script部分，通过require.ensure来引入Export2Excel.js文件，并使用export_json_to_excel接口来导出Excel文件。在导出时，可以设置导出的表头（header）、具体数据（data）和文件名（filename）。这里以一个用户列表为例，设置了表头为["索引", "用户名", "密码"]，具体数据为this.tableData，文件名为"用户列表"。

最后，通过调用export2Excel方法来触发导出操作。

总结起来，导出Excel文件的步骤如下：
1. 在src目录下创建excel文件夹，并放入Blob.js和Export2Excel.js两个文件。
2. 在Vue组件的template部分添加一个按钮，并绑定点击事件export2Excel。
3. 在script部分引入Export2Excel.js文件，并在export2Excel方法中使用export_json_to_excel接口来导出Excel文件，并设置表头、具体数据和文件名。

这样就可以在Vue2中导出Excel文件了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue2.0 导出Excel表格数据](https://blog.csdn.net/Newtaylor/article/details/83410849)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [Vue2中导出Excel](https://blog.csdn.net/qq_40323256/article/details/111305117)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]