VUE div转为PDF获取地址

要将 Vue 中的 div 转为 PDF 并获取其地址，可以使用 jsPDF 和 html2canvas 库来实现。具体步骤如下：

1. 安装 jsPDF 和 html2canvas 库

npm install jspdf html2canvas --save

2. 在 Vue 组件中引入 jsPDF 和 html2canvas 库

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

3. 编写转换方法

methods: {
  downloadPdf() {
    html2canvas(document.querySelector('#pdf-content')).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)
      const pdfName = 'my-pdf.pdf'
      pdf.save(pdfName)
    })
  }
}

其中，`#pdf-content` 是需要转换为 PDF 的 div 的 ID，`pdfName` 是生成的 PDF 文件名。

4. 调用转换方法

<template>
  <div>
    <div id="pdf-content">
      <!-- 要转换为 PDF 的内容 -->
    </div>
    <button @click="downloadPdf">下载 PDF</button>
  </div>
</template>

当点击按钮时，会将 `#pdf-content` 中的内容转换为 PDF 并自动下载到本地。生成的 PDF 文件地址可以在浏览器的下载记录中查看。