如何在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';

，然后在mount（）钩子中：

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

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

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

Answer 1

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

import JsPDFAutotable from 'jspdf-autotable' 

和您的组件

components: { JsPDFAutotable }

Answer 2

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

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

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

，然后在mount（）钩子中：

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