如何在 Vue main.js 中导入 jspdf-autotable？答案

【问题标题】：How to import jspdf-autotable in Vue main.js?如何在 Vue main.js 中导入 jspdf-autotable？
【发布时间】：2019-11-30 01:47:42
【问题描述】：

我搜索了整个互联网，但一无所获。我知道这是一个菜鸟问题。

我在我的 vue 项目中通过 npm 安装了 jspdf 和 jspdf-autotable：

npm install jspdf --save
npm install jspdf-autotables --save

软件包安装成功。我在 main.js 文件中导入 jspdf 和 jspdf-autotable：

import jsPDF from 'jspdf';
import 'jspdf-autotable';

Vue.use(jsPDF)

然后在我的 .vue 文件中，我首先导入 jsPDF：

import jsPDF from 'jspdf';

然后在mounted()钩子中：

let doc = new jsPDF();
doc.autoTable({ html: '#my-table' });
doc.save('table.pdf');

但是 autoTable 没有被导入。它说未解决的方法或钩子自动表。我得到空的pdf。

我不知道如何导入 autoTable。请帮我。我的工作还剩一天。抱歉，我是 Vue js 的新手。非常感谢！

【问题讨论】：

好问题，但您不必在主文件中使用它，您可以在特定文件中使用它。例如：从“jspdf-autotable”导入 JsPDFAutotable，以及您的组件：{ JsPDFAutotable }

【解决方案1】：

您不需要 main.js 文件中的导入。

您是否直接在 .vue 文件中导入。效果很好。

import jsPDF from 'jspdf'
import 'jspdf-autotable'

然后在mounted()钩子中：

let doc = new jsPDF();
doc.autoTable({ html: '#my-table' });
doc.save('table.pdf');

【讨论】：

【解决方案2】：

好问题，但您不必在主文件中使用它，您可以在特定文件中使用它（出于性能原因）。自动表是在 JsPdf 中使用表的一种补充。这只需要在您的组件中加载文件。例如：

import JsPDFAutotable from 'jspdf-autotable'

和你的组件

components: { JsPDFAutotable }

【讨论】：