vue中html转pdf并下载功能

1、模板调用方式

/**
 * @param  pdfDom      要生成 pdf 的DOM元素（容器）
 * @param  pdfName     PDF文件生成后的文件名字
 * */
<div class="saveBtn transition" @click="downloadPDF('pdfDom',pdfName)">下载</div>

2、js文件代码

// 下面两个package要单独安装
import html2Canvas from 'html2canvas'
import JsPDF from 'jspdf'
/**
 * @param  id        要生成 pdf 的DOM元素（容器）
 * @param  title     PDF文件生成后的文件名字
 * */
export default{
   
  install (Vue, options) {
   
    Vue.prototype.downloadPDF = function (id,title) {
   
      let ele=document.querySelector(`#${
     id}`);
      window.scrollTo(0, 0);
      let eleW = ele.offsetWidth;// 获得该容器的宽
      let eleH = ele.offsetHeight;// 获得该容器的高
      let eleOffsetTop = ele.offsetTop;  // 获得该容器到文档顶部的距离
      let eleOffsetLeft = ele.offsetLeft; // 获得该容器到文档最左的距离

      var canvas = document.createElement