javascript - 使用 jspdf 和 Vue.js 生成 pdf

Question

我是 Vue.js 的新手，我正在尝试生成 PDF，但我不知道该怎么做。

这是我的:

import * as jsPDF  from "jspdf"

export default {

  props: ['id'],


  methods: {
    pdf () {
      const doc = new jsPDF()
    }
  }

}

错误:

Property or method "pdf" is not defined on the instance but referenced during render

Answer 1

首先将 PDF 库导入为:

import jsPDF from 'jspdf'

然后简单地实例化对象并给它内容:

methods: {
  createPDF () {
    let pdfName = 'test'; 
    var doc = new jsPDF();
    doc.text("Hello World", 10, 10);
    doc.save(pdfName + '.pdf');
  }
}

请务必阅读 documentation更多