用vue导出当前页为PDF文件

要在Vue中导出当前页为PDF文件，可以使用`html2pdf`等库来实现。以下是一种基本的方法：

1. 安装html2pdf库：使用npm或yarn在你的Vue项目中安装html2pdf库。

npm install --save html2pdf.js

2. 在需要导出为PDF的组件中，引入html2pdf库。

import html2pdf from 'html2pdf.js';

3. 创建一个方法来触发导出PDF的操作。

export default {
  // ...

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

      html2pdf()
        .set({
          filename: 'exported.pdf', // 设置导出的文件名
          image: { type: 'jpeg', quality: 0.98 }, // 设置图片类型和质量（可选）
          html2canvas: { scale: 2 }, // 设置HTML转换为Canvas时的缩放比例（可选）
          jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' } // 设置PDF的单位、尺寸和方向（可选）
        })
        .from(element)
        .save();
    }
  }

  // ...
}

4. 在模板中添加一个按钮或其他触发器，以调用`exportToPDF`方法。

<template>
  <div>
    <!-- 其他内容 -->

    <button @click="exportToPDF">导出为PDF</button>
  </div>
</template>

当点击按钮时，`exportToPDF`方法将获取指定的元素（例如，具有`id="pdf-content"`的元素），将其转换为PDF，并将其保存为`exported.pdf`文件。

请确保在使用html2pdf库之前，正确安装和配置了所需的依赖项，并按照库的文档和示例进行操作。此外，确保在模板中有一个具有指定ID的元素，以便正确地导出为PDF。