VUE div转为PDF传给后端

要将Vue的div转为PDF并且传给后端，可以使用第三方库jsPDF和html2canvas。

首先需要在Vue项目中安装这两个库：

npm install jspdf html2canvas --save

然后在需要转为PDF的组件中，引入这两个库：

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

接下来，定义一个方法来将div转为PDF并传给后端：

methods: {
  downloadPDF() {
    html2canvas(this.$refs.pdf, {
      allowTaint: true,
      useCORS: true
    }).then(function(canvas) {
      const imgData = canvas.toDataURL('image/png');
      const pdf = new jsPDF();
      pdf.addImage(imgData, 'PNG', 0, 0);
      pdf.save('pdfName.pdf'); // 下载PDF
      const blob = pdf.output('blob'); // 将PDF转为blob对象
      const formData = new FormData();
      formData.append('pdf', blob, 'pdfName.pdf');
      // 发送formData到后端
    });
  }
}

其中，`this.$refs.pdf`是要转为PDF的div的引用。`html2canvas`将div转为canvas，然后使用`jsPDF`将canvas转为PDF。最后将PDF转为`blob`对象，并使用`FormData`将其发送到后端。

注意，由于转为canvas时可能会涉及到跨域问题，需要在`html2canvas`中设置`allowTaint`和`useCORS`参数来解决。