vue页面导出为pdf文件

可以使用jsPDF和html2canvas库来实现将Vue页面导出为PDF文件。具体步骤如下：

1. 安装jsPDF和html2canvas库

npm install jspdf html2canvas --save

2. 在Vue组件中引入jsPDF和html2canvas库

import jsPDF from 'jspdf'
import html2canvas from 'html2canvas'

3. 在需要导出为PDF的Vue组件中添加一个按钮，并绑定一个方法

<template>
  <div>
    <!-- Vue组件内容 -->
    <button @click="exportPDF">导出为PDF</button>
  </div>
</template>

4. 在Vue组件中定义exportPDF方法，使用html2canvas将Vue组件转换为canvas，再使用jsPDF将canvas转换为PDF并下载

methods: {
  exportPDF() {
    // 获取需要导出为PDF的DOM节点
    const dom = document.querySelector('#pdfDom')
    // 使用html2canvas将DOM节点转换为canvas
    html2canvas(dom).then(canvas => {
      // 创建一个jsPDF实例
      const pdf = new jsPDF('p', 'mm', 'a4')
      // 将canvas转换为图片，添加到PDF中
      pdf.addImage(canvas.toDataURL('image/png'), 'PNG', 0, 0, 211, 298)
      // 下载PDF文件
      pdf.save('vue-to-pdf.pdf')
    })
  }
}