Vue3 - 详细实现将复杂 table 表格导出到 Excel(xls) 文件，支持原生表格、Element Plus 复杂表格、Ant Design Vue 复杂表格（将前端表格“所见所得“导出）

前言

如果您需要 Vue2 版本，请访问 这篇文章。

本文 实现了在 Vue3 网页开发中，将任意复杂表格导出为 excel(.xls) 电子表格文件，无论是原生表格还是 element/ant 等组件库的表格组件，都可以 “所见所得” 完美导出。

您可以直接复制示例代码，稍微改下数据就能应用到您的项目中。

如下图所示（点击放大），各种列合并、行合并的复杂表格都能 “一比一” 原样导出。

详细示例源代码，无论 js/ts 都可以使用！

准备阶段

首先，您需要先