vue將頁面或元素轉換為pdf

1、安裝插件  jspdf-html2canvas

npm i jspdf-html2canvas --save

2、使用

import html2PDF from 'jspdf-html2canvas'


printingPage() {
      const page = document.querySelector('.printingPage')//選擇的元素
      // page 元素背景設成#FFF，解決打印處理黑邊問題

      html2PDF(page, {
        jsPDF: {
          unit: 'pt',
          format: 'a4'
        },
        imageType: 'image/jpeg',
        success: function(pdf) {
          window.scrollTo(0, document.body.scrollHeight)
          pdf.save('pdf名稱' + '.pdf')
        }

      })
    },