Vue.js 中 jspdf-autotable 插件的引入与使用步骤是什么?

Question

如何在Vue项目中正确引入并使用jspdf-autotable插件?

点击按钮会触发 exportToPDF 方法，该方法使用 jspdf 创建一个 PDF 文档对象，然后通过 autoTable 方法将表格数据添加到 PDF 中，并最后保存为名为 table.pdf 的文件。

Answer 1

看文档啊
https://github.com/simonbengtsson/jsPDF-AutoTable?tab=readme-ov-file
https://www.npmjs.com/package/jspdf-autotable

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

const doc = new jsPDF()

// It can parse html:
// <table id="my-table"><!-- ... --></table>
autoTable(doc, { html: '#my-table' })

// Or use javascript directly:
autoTable(doc, {
  head: [['Name', 'Email', 'Country']],
  body: [
    ['David', '[e-mail]', 'Sweden'],
    ['Castille', '[e-mail]', 'Spain'],
    // ...
  ],
})

// Sometimes you might have to call the default function on the export (for example in Deno)
autoTable.default(doc, { html: '#my-table' })

doc.save('table.pdf')