vue中使用lodop调用标签打印机（一）

最近在项目中遇到调用标签打印机的需求，网上搜索资料，最后选了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