前端利用PrintJs实现批量打印文件功能

1.使用npm
npm install print-js --save

2.使用yarn
yarn add print-js

import PrintJs from 'print-js'

  onPush = () => {
    // 模拟数据
    const list = [
      {
        url: 'http://xxx/name1.pdf',
        type: 'pdf'
      },
      {
        url: 'http://xxx/name2.pdf',
        type: 'pdf'
      },
      {
        url: 'http://xxx/name3.png',
        type: 'image'
      },
    ]
    //调用打印方法
    this.printInvoice(arr)
  }

  printInvoice = (arr) => {
    if(!arr || arr.length === 0){
      return
    }
    let self = this
    let list =  arr
    let printObj = list.shift()
    
    PrintJs({ 
      printable: printObj.url,    // 打印文件url
      type: printObj.type,        // 文件类型
      // 关闭打印窗口回调
      onPrintDialogClose: (res) => {
        if(list && list.length > 0){
          // 递归调用
          self.printInvoice(list)
        }
      },
      // 失败回调
      onError: err => {
        console.log('err',err);
      }
    })
  }