vue导出pdf

要在Vue中导出PDF文件，可以使用jsPDF和html2canvas这两个库。以下是一个简单的示例代码：

安装依赖：

npm install jspdf html2canvas --save

在Vue组件中使用：

<template>
  <div>
    <h1>导出PDF示例</h1>
    <button @click="exportPdf">导出PDF</button>
    <div ref="pdfContent">
      <!-- 要导出为PDF的内容 -->
      <p>{{ content }}</p>
    </div>
  </div>
</template>

<script>
import jsPDF from 'jspdf'
import html2canvas from 'html2canvas'

export default {
  name: 'ExportPdf',
  data() {
    return {
      content: '这是要导出为PDF的内容。'
    }
  },
  methods: {
    exportPdf() {
      const pdfContent = this.$refs.pdfContent
      const pdf = new jsPDF('p', 'pt', 'a4')

      html2canvas(pdfContent).then(canvas => {
        const imgData = canvas.toDataURL('image/png')
        pdf.addImage(imgData, 'PNG', 0, 0, pdfContent.offsetWidth, pdfContent.offsetHeight)
        pdf.save('导出PDF示例.pdf')
      })
    }
  }
}
</script>

在上面的代码中，我们给要导出为PDF的内容添加了一个ref属性，用来获取该元素的引用。在exportPdf方法中，我们使用html2canvas将该元素转换为canvas，然后将canvas添加到jsPDF实例中，最后调用save方法将PDF文件下载到本地。