uniapp手机端导出pdf

在UniApp中导出PDF可以使用html2canvas和jspdf插件。下面是一个简单的示例代码：

import html2canvas from "html2canvas";
import jsPDF from "jspdf";

export default {
  methods: {
    async exportPDF() {
      const dom = document.getElementById("pdf-export");
      const canvas = await html2canvas(dom);
      const imgData = canvas.toDataURL("image/png");
      const pdf = new jsPDF("p", "mm", "a4");
      pdf.addImage(imgData, "PNG", 0, 0, 211, 298);
      pdf.save("test.pdf");
    }
  }
}

在模板中，你需要有一个带有id="pdf-export"的元素，它将被转换为PDF文件：

<template>
  <div id="pdf-export">
    <p>Hello, world!</p>
  </div>
  <button @click="exportPDF">Export PDF</button>
</template>

当用户点击"Export PDF"按钮时，将调用exportPDF()方法，该方法将获取pdf-export元素的截图并将其转换为PDF文件，最后将其保存在用户的设备上。