最近在项目中遇到调用标签打印机的需求,网上搜索资料,最后选了lodop,官方文档比较全,而且还有技术交流的QQ群,下面是我在项目中遇到的几点问题,分享给大家,希望有所帮助

1、在VUE项目中引用lodop

	[官方描述](http://www.lodop.net/faq/pp35.html)

2、设置好标签打印机的首选项,一般是宽5cm 高3cm

3、一次连续打印多张标签

查阅官方的demo后,发现可以使用循环来做,下面附上我的代码:

		//先在项目中引入lodop
	   import {getLodop} from './lodop/LodopFuncs'
	   //在methods中写方法
	   methods:{
		//打印标签
		printLabel(){
			   const LODOP = getLodop();
			   const arr = [
				{name:"张三",age:"20",tel:"13200000001"},
				{name:"李四",age:"19",tel:"13200000002"},
				{name:"王五",age:"21",tel:"13200000003"},
				]
			   LODOP.PRINT_INIT("");
			   
			   for(let student of arr){
					let printStr = `<div>姓名:${student.name}</div>
					<div>年龄:${student.age}</div>
					<div>电话:${student.tel}</div>`
					  LODOP.NewPage();//创建新的页,实现多页打印
					  //因为对边缘没啥要求,直接根据内容来居中
                      LODOP.ADD_PRINT_HTML(5,"10%","80%",140, printStr);
				}
				//指定打印机,也可以不指定
				 if (LODOP.SET_PRINTER_INDEX('ZDesigner GK888t'))
				//预览 没啥问题就可以打印了
                LODOP.PREVIEW();
		}
	}

注意:上面代码LODOP.ADD_PRINT_HTML()这个方法,之前一直写的 LODOP.ADD_PRINT_HTM(),导致标签打印机,只能打印数字和字母,不能打印汉字

最后附上官方的地址

官网地址 http://www.lodop.net/index.html

Logo

前往低代码交流专区

更多推荐