如何在 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() 钩子中：

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

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

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

Answer 1

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

import JsPDFAutotable from 'jspdf-autotable'

和你的组件

components: { JsPDFAutotable }

Answer 2

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

你是直接在你的.vue文件里导入的吗。效果很好。

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

然后在 mounted() 钩子中：

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

How to import jspdf-autotable in Vue main.js?