vue使用html2canvas jspdf导出pdf文件路径

使用html2canvas和jspdf可以将Vue页面导出为PDF文件。具体步骤如下：
1. 安装html2canvas和jspdf依赖：npm install html2canvas jspdf --save
2. 在Vue组件中引入html2canvas和jspdf：import html2canvas from 'html2canvas'; import jsPDF from 'jspdf';
3. 编写导出PDF的方法，例如：

exportPdf() {
  const dom = document.querySelector('#pdfDom'); // 获取需要导出的DOM节点
  html2canvas(dom).then(canvas => {
    const contentWidth = canvas.width;
    const contentHeight = canvas.height;
    const pageHeight = contentWidth / 592.28 * 841.89;
    let leftHeight = contentHeight;
    let position = 0;
    const imgWidth = 595.28;
    const imgHeight = 592.28 / contentWidth * contentHeight;
    const pageData = canvas.toDataURL('image/jpeg', 1.0);
    const pdf = new jsPDF('', 'pt', 'a4');
    if (leftHeight < pageHeight) {
      pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight);
    } else {
      while (leftHeight > 0) {
        pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight);
        leftHeight -= pageHeight;
        position -= 841.89;
        if (leftHeight > 0) {
          pdf.addPage();
        }
      }
    }
    pdf.save('导出的PDF文件名.pdf');
  });
}

4. 在需要导出PDF的地方调用exportPdf方法即可。