vue 完美导出超长网页为pdf，所有内容都挤在第一页

您可以使用 jsPDF 和 html2canvas 库将网页转换为 PDF 文件。首先，导入这两个库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script>
<script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>

然后，您需要编写一个函数，该函数将使用 html2canvas 将网页转换为图像，然后使用 jsPDF 将图像添加到 PDF 文件中。以下是一个简单的示例函数：

function exportToPDF() {
  // 获取要导出为 PDF 的 HTML 元素
  const element = document.getElementById("pdf-content");

  html2canvas(element, { scrollY: -window.scrollY }).then(canvas => {
    const imgData = canvas.toDataURL("image/png");
    const pdf = new jsPDF("p", "mm", "a4");
    const imgProps = pdf.getImageProperties(imgData);
    const pdfWidth = pdf.internal.pageSize.getWidth();
    const pdfHeight = (imgProps.height * pdfWidth) / imgProps.width;
    pdf.addImage(imgData, "PNG", 0, 0, pdfWidth, pdfHeight);
    pdf.save("exported-document.pdf");
  });
}

这个函数将获取具有 `pdf-content` ID 的 HTML 元素，并将其转换为一个图像。然后，它将使用 `jsPDF` 创建一个新的 PDF 文件，并将图像添加到该文件中。最后，它将使用 `pdf.save()` 方法将文件保存到用户的计算机上。您可以将此函数绑定到一个按钮或其他事件上，以便用户可以点击该按钮将网页导出为 PDF 文件。