vue jspdf

// 引入 vue 和 jspdf 库
import Vue from 'vue';
import jsPDF from 'jspdf';

new Vue({
  el: '#app',
  data() {
    return {
      pdfContent: 'Hello, this is a PDF generated by jsPDF in Vue!'
    };
  },
  methods: {
    generatePDF() {
      // 创建一个新的 jsPDF 实例
      const { jsPDF } = window.jspdf;
      const doc = new jsPDF();

      // 添加内容到 PDF 文档中
      doc.text(this.pdfContent, 10, 10);

      // 下载生成的 PDF 文件
      doc.save('sample-file.pdf');
    }
  },
  mounted() {
    // 挂载完成后可以调用 generatePDF 方法来生成 PDF
    // this.generatePDF();
  }
});

解释说明：

1. 引入库：我们首先引入了 Vue 和 jsPDF 库。确保在项目中已经安装了这些依赖。
2. Vue 实例：创建了一个 Vue 实例，并定义了一个简单的数据属性 pdfContent，用于存储要写入 PDF 的文本内容。
3. generatePDF 方法：该方法使用 jsPDF 创建一个新的 PDF 文档，并将 pdfContent 写入其中。最后，调用 save 方法下载生成的 PDF 文件。
4. 挂载：在组件挂载完成后，你可以选择性地调用 generatePDF 方法来自动生成 PDF 文件。

如果你需要更复杂的功能，比如添加图片、表格等，可以根据需求进一步扩展此代码。