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

Question

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

我在我的 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() 钩子(Hook)中:

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

但是没有导入autoTable。它说 Unresolved 方法或 Hook 自动表。我得到空的 pdf。

我不知道如何导入 autoTable。请帮我。离完成我的工作还有一天。对不起，我是 Vue js 的新手。非常感谢!

Answer 1

问得好，但你不必在主文件中使用它，你可以在你的特定文件中使用它(出于性能原因)。 autotable 是对 JsPdf 中表格的补充。这只需要将文件加载到您的组件中。例如:

import JsPDFAutotable from 'jspdf-autotable' 

和你的组件

components: { JsPDFAutotable }