无法使用JsPdf导出pdf

时间:2019-07-28 04:33:35

标签: vue.js jspdf

嗨,我想将html导出为pdf,为此我使用了jsPDF。我尝试了不同的方法,要么生成了空白的pdf,要么没有导出PDF。 有人可以帮忙吗?

模板

<div class="container-fluid" id="bill" ref="content">
    <div class="row">
      <div class="col-sm-12">
        <div class="title">
          <h2 class="d-inline-block">Test</h2>
        </div>
      </div>
    </div>
  </div>

方法1

var pdf = new jsPDF();
       const contentHtml = this.$refs.content.innerHTML;
        pdf.html(contentHTML, {
        callback: function(pdfSave) {
          pdf.save("test.pdf");
        }
  

生产空白Pdf

方法2

var specialElementHandlers = {
            '#editor': function (element, renderer) {
                return true;
            }
        };

var pdf = new jsPDF();
       const contentHtml = this.$refs.content.innerHTML;
       pdf.fromHTML(contentHTML, 15, 15, {
                'width': 170,
                    'elementHandlers': specialElementHandlers
            });
        pdf.save("test.pdf");
  

错误:未被捕获的TypeError:无法读取未定义的属性“ 1”

方法3

    var pdf = new jsPDF();
    const contentHtml = this.$refs.content.innerHTML;

    pdf.addHTML(contentHTML, function () {
    pdf.save("test.pdf");
    });
  

不导出PDF。简而言之,不起作用

如果有人可以帮助,将不胜感激。谢谢!

0 个答案:

没有答案