vue中使用Lodop调用打印机打印条形码

最近项目遇到vue实现条形码打印功能，经过自己的一番摸索，找到了一款比较友好的打印插件，本次打印使用的Lodop插件进行功能的实现。(官网链接)

1、把官方提供的LodopFuncs.js文件保存到某个目录下，

如utils\LodopFuncs.js。

2、修改LodopFuncs.js文件, 在文件最底部添加一行代码

export { getLodop }; //导出getLodop
把该文件中的getLodop函数 export 出来。

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

import { getLodop } from "@/utils/LodopFuncs";

通过官网提供的Lodop自带的API进行自己需要的条形码样式的构建。

methods: {//打印快递单btnClickPrint() {const vm = this;vm.CreatePrintPage(res.data.data);LODOP.PREVIEW();},CreatePrintPage(data) {LODOP = getLodop();// LODOP.PRINT_INIT("条形码");LODOP.SET_PRINT_PAGESIZE(3, '80mm', 0, "")LODOP.SET_PRINT_MODE("PRINT_PAGE_PERCENT", 'Full-Width'); // LODOP.SET_PRINT_MODE("FULL_WIDTH_FOR_OVERFLOW", true);LODOP.SET_PRINT_MODE("FULL_HEIGHT_FOR_OVERFLOW", true);// LODOP.SET_PRINT_STYLE("FontName",'微软雅黑'); //纯文本字体间距// LODOP.SET_PRINT_STYLE("LetterSpacing", 35);// //字号LODOP.SET_PRINT_STYLE("FontSize", 8);LODOP.SET_PRINT_STYLE("Bold", 1);// LODOP.SET_PRINT_STYLE("PenWidth", 5);LODOP.ADD_PRINT_TEXT(18, '2mm', '50mm', 0, "xxxxxx服务中心")LODOP.ADD_PRINT_TEXT(18, '48mm', '50mm', 0, "打印日期：" + this.getCurrentTime())// LODOP.SET_PRINT_STYLEA(0, "Alignment", 1);// LODOP.SET_PRINT_STYLEA(0, "HOrient", 1);LODOP.ADD_PRINT_BARCODE(40, '2mm', '79mm', 85, "128Auto", '124679846116156646');LODOP.SET_PRINT_STYLEA(0, "AlignJustify", 2);// LODOP.SET_PRINT_STYLEA(0, "FontSize", 14);// LODOP.SET_PRINT_STYLEA(0,"HOrient",3);LODOP.ADD_PRINT_TEXT(135, '2mm', '80mm', 15, "所属单位: " + 'xxxxxx单位')LODOP.ADD_PRINT_TEXT(150, '2mm', '80mm', 15, "设备名称: " + 'xxxxxxx设备')// LODOP.SET_PRINT_STYLEA(0, "HOrient", 1);// LODOP.SET_PRINT_STYLEA(0, "HOrient", 1);// 黑龙江省电工仪器仪表工程技术研究中心有限公司LODOP.ADD_PRINT_TEXT(165, '2mm', '80mm', 10, "生产厂家: " + 'xxxxxxxxxxx厂家')}
}

在打印事件函数中调用getLodop获取LODOP对象变量，
按照官方教程书写自己的打印函数，通过 PRINT、PREVIEW、PRINT_DESIGN进行输出。

最后通过提供的打印机，安装打印机驱动，实现简单打印效果，可以根据自己的需要进行微调，效果如图：

vue中使用Lodop调用打印机打印条形码相关推荐

Java对接Zebra斑马打印机打印条形码相关
最近在公司里面做了个业务,主要是对接工业打印机打印条形码,然后在CSDN和稀土掘金看了一下其他的方案很久嘛,然后自己又总结了一些,加入了进来,方法可能有点low,大家有更好的方案推荐,可以评论区cal ...
java打印word_Java jacob调用打印机打印word文档
前面说了Java如何生成复杂的Word文档,今年记录下Java如何调用打印机打印word文档. 起初用的是自带的PrintJob,但是系统提供的打印机制并不成熟完整.网上的代码也是千篇一律,在我的打印 ...
C++ 调用打印机打印一段文字
系统:win7 环境:VS2010 语言:c++ 函数:调用打印机打印一段文字. void CpainttestDlg::OnClickedButton1() {// TODO: 在此添加控件通知处理 ...
C# 调用打印机打印文件
C# 调用打印机打印文件,通常情况下,例如Word.Excel.PDF等可以使用一些对应的组件进行打印,另一个通用的方式是直接启用一个打印的进程进行打印.示例代码如下: using System.Di ...
JS 调用打印机打印网页文档
引用自:灯火阑珊hy js调用打印机打印整体或部分有时前端的项目中需要添加打印的功能,首先要知道打印分为整体打印和局部打印两种,而局部打印又可细分为局部打印指定的部分,和局部打印指定部分之外的部分 ...
Unity调用打印机打印文本或者图片
Unity调用打印机打印文本或者图片通过windows命令行使用记事本打印文本 private void PrintTxt(){//picPath=Application.streamingAsse ...
java使用佳博打印机打印条形码
在实际开发中我们使用条形码打印机打印条形码,这里介绍下使用动态链接库TSClib.dll编辑方式打印条形码,还有js实现方式,这里不进行介绍,会给相关的demo 准备工作: 1.佳博打印机,如佳博GP ...
java 调用打印机打印
要在 Java 中调用打印机打印,您可以使用 Java 的打印 API.下面是一个简单的示例,展示了如何使用 Java 打印 API 来打印文本: import java.awt.print.Prin ...
【项目管理】Java使用pdfbox调用打印机打印PDF文件
[项目管理]Java使用pdfbox调用打印机打印PDF文件 1.项目前言 2.项目实现 3.关键代码 4.效果演示 5.问题处理 5.1 安装对应字体 5.2 修改对应代码系统:Win10 Jav ...