【Vue】预览打印PDF：print-js 库

print-js简介

print.js 主要功能是为了支持 PDF 文件类型在网页中预览，无需下载任何外部插件，非常方便、快捷；其次它可以实现pdf、html、raw-html、image、json文档类型以及h5标签等在网页中的打印功能；

下载 print-js

npm install print-js --save引入 print-js

1. 可以全局引入即（在main.js中引入），
2. 也可以在需要的文件里面引入  

        import Print from 'print-js'

使用 print-js

Print({

      printable: ./xxx.pdf, // 打印路径或者页面元素id、ref、class

      type: 'pdf', // 打印文件类型

      showModal: true, // 在检索或处理大型PDF文件时显示用户反馈

      modalMessage: '正在加载预览...', // 向用户显示的反馈消息

      ignoreElements: [], // 忽略要打印的父元素中的子元素id，使其不打印
      onLoadingStart: () => {
            console.log('开始加载回调')
      },
      onLoadingEnd: () => {
            console.log('加载结束回调')
      },
      onPrintDialogClose: () => {
            console.log('关闭打印弹框回调')
      },
      onError: (err) => {
            console.log('打印失败回调')
      },

})