Javascript VueJS PDF转换器

我遇到的问题是，我想将我的Vue HTML转换为pdf格式，然后下载给用户。我试过使用

但它下载的是一个空页面。当我只向它传递文本时，它会下载

var doc = new jsPDF();

// All units are in the set measurement for the document
// This can be changed to "pt" (points), "mm" (Default), "cm", "in"
setTimeout(function () {
doc.fromHTML(document.getElementById('profile'), 15, 15, {
'width': 170
});

doc.save('two-by-four.pdf')
} , 6000);

---

如何解决此问题？

在打印结果之前，请尝试使用canvas在base 64中转换html页面的内容。这是我自己的功能，使用画布打印

printFacture() {
    var pdf = new jsPDF();
    var element = document.getElementById('facture');
    var width= element.style.width;
    var height = element.style.height;
    html2canvas(element).then(canvas => {
        var image = canvas.toDataURL('image/png');
        pdf.addImage(image, 'JPEG', 15, 40, width, height);
        pdf.save('facture' + moment(this.facture.date_debut).format('LL') + '_' + moment(this.facture.date_fin).format('LL') + '.pdf';
    });
}

---

希望它能帮助你

在打印结果之前，尝试使用canvas在base 64中转换html页面的内容。这是我自己的功能，使用画布打印

printFacture() {
    var pdf = new jsPDF();
    var element = document.getElementById('facture');
    var width= element.style.width;
    var height = element.style.height;
    html2canvas(element).then(canvas => {
        var image = canvas.toDataURL('image/png');
        pdf.addImage(image, 'JPEG', 15, 40, width, height);
        pdf.save('facture' + moment(this.facture.date_debut).format('LL') + '_' + moment(this.facture.date_fin).format('LL') + '.pdf';
    });
}

createPDF () {
    let pdfName = 'mes-enfants'; 
    var doc = new jsPDF();

    doc.fromHTML(document.getElementById('print'), 15, 15, {
      'width': 170
    });

    doc.save(pdfName + '.pdf');
}

---

希望它能帮助你

无法重现您的问题：|共享更多详细信息：您是否使用单一文件组件和网页包？控制台中有错误吗？我没有选择样式和其他子组件。我添加了bootstrap syling，但它只需要html基本元素和内联样式，无法重现您的问题：|共享更多详细信息：您是否使用单文件组件和网页包？控制台中有错误吗？我没有选择样式和其他子组件。我添加了bootstrap syling，但它只需要html基本元素和内联样式。我认为它可以帮助您它工作得很好。我认为它可以帮助您它工作得很好。

'.pdf'

之后缺少一个括号，应该是

'.pdf'）

在

'.pdf'

之后缺少一个括号，它应该是

'.pdf'）
createPDF () {
    let pdfName = 'mes-enfants'; 
    var doc = new jsPDF();

    doc.fromHTML(document.getElementById('print'), 15, 15, {
      'width': 170
    });

    doc.save(pdfName + '.pdf');
}