vue导出文件为pdf

您可以使用jsPDF和html2canvas库来实现将Vue组件导出为PDF。 首先，您需要在您的Vue项目中安装这两个库：

npm install jspdf html2canvas --save

然后，您可以在Vue组件中使用以下代码来实现导出功能：

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

export default {
  methods: {
    exportAsPDF() {
      const filename = 'example.pdf';
      html2canvas(document.querySelector('#pdf-content'))
        .then(canvas => {
          const pdf = new jsPDF('p', 'mm', 'a4');
          pdf.addImage(canvas.toDataURL('image/png'), 'PNG', 0, 0, 211, 298);
          pdf.save(filename)
        })
    }
  }
}

请确保替换代码中的“pdf-content”与您想要导出的组件或元素的ID。 您也可以自定义其他参数，如页面方向和大小。希望这能帮到您。