vue项目中如何利用LodopFuncs插件实现批量打印功能？(html版本)

如何利用LodopFuncs插件在vue项目中实现批量打印功能？下面给大家简单介绍一下实现方法！

1、在index.html中引入LodopFuncs.js

http://www.c-lodop.com/demolist/LodopFuncs.js

2、在index.html中引入LodopFuncs.js

printingClick() {
  const tableInfo = this.multipleSelection.map(item => window.decodeURIComponent(escape(window.atob(item.shippingPdfUrl))))
  console.log(tableInfo)
  LODOP = getLodop()
  LODOP.PRINT_INIT('打印')
  LODOP.SET_PRINT_PAGESIZE(3, 1000, 1500, '')
  for (let i = 0; i < tableInfo.length; i++) {
    this.creatOneRage(tableInfo[i])
  }
  LODOP.SET_PREVIEW_WINDOW(0, 0, 0, 0, 0, '')
  if (LODOP.SET_PRINTER_INDEXA(0)) { //这里实现的是选择打印机，数字代表打印机的型号
    LODOP.PRINT() //直接打印不预览
    //LODOP.PREVIEW()预览后再打印
  }
},
creatOneRage(table) {
  LODOP.NewPage()
  LODOP.ADD_PRINT_IMAGE(12, 12, '95%', '95%', table)
  LODOP.SET_PRINT_STYLEA(0, 'Stretch', 2)
},

以上是编程学习网小编为您介绍的“vue项目中如何利用LodopFuncs插件实现批量打印功能？(html版本)”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。