vue3使用pdf,js

使用vue-html2pdf将任何vue组件或元素转换为PDF。下面是使用vue-html2pdf的基本步骤：

1. 安装vue-html2pdf：在终端中运行以下命令：`npm install vue-html2pdf --save`

2. 在Vue组件中导入vue-html2pdf：在Vue组件中添加以下代码：

   import VueHtml2pdf from 'vue-html2pdf'

3. 创建一个方法来生成PDF：在Vue组件中添加以下代码：

   methods: {
     generatePDF () {
       const options = {
         filename: 'my-pdf.pdf',
         image: { type: 'jpeg', quality: 0.98 },
         html2canvas: { scale: 2 },
         jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
       }
       const content = this.$refs.pdfContent
       VueHtml2pdf(content, options)
     }
   }

4. 在Vue组件中添加一个按钮来触发生成PDF的方法：在Vue组件中添加以下代码：

   <button @click="generatePDF">Generate PDF</button>

注意：这里的`pdfContent`是你想要转换为PDF的Vue组件或元素的引用。

5. 运行Vue应用并点击“Generate PDF”按钮即可生成PDF文件。