制表符：下载错误 - 找不到此类下载类型

Question

想寻求一些帮助我目前正在使用 Tabulator (4.9) 和 Vue。我无法 downloading/exporting 我的数据到 Excel。正如 Tabulator 页面所述，我已经在我的项目中包含 SheetJS。

下面给出了一个错误，即 XLSX 未定义：

import 'xlsx/dist/xlsx.full.min.js'
this.tabulator.download('xlsx', 'data.xlsx')

但是一旦我包含了 XLSX，它就会告诉我“下载错误 - 找不到这样的下载类型”：

import XLSX from 'xlsx/dist/xlsx.full.min.js'
this.tabulator.download(XLSX, 'data.xlsx')

真的很想知道我是否遗漏了什么。

谢谢。

Answer 1

我还没有尝试过使用制表符。您可以再次查看其文档，看看是否遗漏了什么。否则，我已经用了vue-json-csv。您可以全局导入它并在模板中的任何地方调用它。

 <DownloadCsv :data="exportData" name="export.csv">
  <button class="mr-2">Export to csv</button>
 </DownloadCsv>

它需要一个 data 属性，即您希望导出到 excel 的 json 数据集。还有 name 属性，这将是导出文件生成时的名称。

Answer 2

您的第一种方法是正确的，您应该调用下载函数并传入 xlsx 字符串

this.tabulator.download('xlsx', 'data.xlsx');

问题是 Tabulator 期望在 window 对象 （或 global 对象，如果这是节点项目）上找到 XLSX 对象）因为这是从 CDN 拉入库时放置库的位置。

所以在你的情况下你的导入应该是：

import XLSX from 'xlsx/dist/xlsx.full.min.js';
window.XLSX = XLSX;

Tabulator: Download Error - No such download type found