vue 将dom 导出到excel

你可以使用第三方库将 Vue 的 DOM 导出为 Excel 文件。一个常用的库是 `xlsx`。以下是一个示例代码，演示了如何将 Vue 的 DOM 导出到 Excel：

首先，安装 `xlsx` 库：

npm install xlsx --save

然后，在你的 Vue 组件中导入并使用 `xlsx`：

import XLSX from 'xlsx';

export default {
  methods: {
    exportToExcel() {
      // 获取要导出的 DOM 元素
      const table = document.getElementById('tableId');

      // 创建 Workbook 对象
      const wb = XLSX.utils.table_to_book(table);

      // 将 Workbook 对象转换为二进制数据流
      const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });

      // 创建 Blob 对象
      const blob = new Blob([wbout], { type: 'application/octet-stream' });

      // 创建下载链接并点击下载
      const url = URL.createObjectURL(blob);
      const link = document.createElement('a');
      link.href = url;
      link.download = 'data.xlsx';
      link.click();

      // 释放资源
      URL.revokeObjectURL(url);
    }
  }
}

在上面的代码中，`tableId` 是要导出的表格的 ID。你可以根据自己的实际情况修改代码。

当你调用 `exportToExcel` 方法时，它会将指定的 DOM 元素转换为 Excel 文件，并自动下载到用户的设备上。

请确保在使用之前阅读和理解 `xlsx` 库的文档，以便了解更多有关导出选项和配置的详细信息。