vue使用Lodop详细步骤

注意：要去官网下载，并安装CLodop_Setup_for_Win32NT.exe，我的是安装32位的，因为文档说32二位也是支持64位

官网地址：下载中心 - Lodop和C-Lodop官网主站

注意二：电脑连接打印！！！

要下载你的打印机驱动，链接打印机，才会找得到打印机，比如我的使用argox 打印机，我就要官网下载对应的打印机型号的驱动并且安装到自己电脑

1、把官方提供的LodopFuncs.js文件保存到某个目录下，
如myProject\src\assets\LodopFuncs.js。

2 、修改LodopFuncs.js文件, 在文件最底部添加一行代码
export { getLodop }; //导出getLodop
把该文件中的getLodop函数 export 出来。

注意这个文件：

getLodop 方法里面下载链接 改成你本地地址线上可以下载地址例如：

3 、在打印事件处理函数所在文件里 import 该 module

  import getLodop from "@/utils/LodopFuncs.js";

let lodop;

4、使用（我的是要批量打印（就是循环调打印事件），所使用了直接打印，没有预览功能）

   Init() { //初始化

      lodop = getLodop()

       lodop.PRINT_INIT('printQr');

}

printQrcode(){ //点击打印

        let resultList = this.multipleSelectionQRList

       if(resultList.length==''){

        this.$message.error(this.$t('sampleSectionPage.printHint'));

       }else{

          resultList.forEach((item) => {   //调用打印事件

            this.createPrintPage(item)

          })

       }

} 

createPrintPage(item) { // 文本

     lodop.SET_PRINT_PAGESIZE(1, '60mm', '40mm', '46Page'); //设置纸张大小

     lodop.ADD_PRINT_BARCODE(5,0,76,76,"QRCode", item.QRCode);  //二维码

     lodop.SET_PRINT_STYLEA(0,"QRCodeErrorLevel","M");  //M为中容错率15%，可不加上本句，默认为L

      lodop.SET_PRINT_STYLEA(0,"QRCodeVersion",3);      //固定二维码标签大小，这句是关键

        lodop.ADD_PRINT_TEXT(6,60,240,25,item.RequestName);

        lodop.ADD_PRINT_TEXT(30,60,194,25,item.GarmentFunction);

  lodop.SET_PRINT_STYLEA(2,"FontSize", 9);//FontSize设置字体大小(单位是：pt)

        lodop.SET_PRINT_STYLEA(2,"FontName", "微软雅黑");//FontName设置字体为宋体

        lodop.SET_PRINT_STYLEA(2,"Bold", 1);//Bold：设定纯文本打印项是否粗体 （1是粗体，0不是粗体）

 lodop.PRINT();   // 直接打印  

 //  lodop.PRINT_DESIGN(); // 打印预览

}       

打印后的效果