vue中使用lodop调用标签打印机(一)
最近在项目中遇到调用标签打印机的需求,网上搜索资料,最后选了lodop,官方文档比较全,而且还有技术交流的QQ群,下面是我在项目中遇到的几点问题,分享给大家,希望有所帮助1、在VUE项目中引用lodop这里官方问答说的很详细,不再赘述,附上链接(http://www.lodop.net/faq/pp35.html)2、设置好标签打印机的首选项,一般是宽5cm 高3cm3、一次连续打印多...
·
最近在项目中遇到调用标签打印机的需求,网上搜索资料,最后选了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(),导致标签打印机,只能打印数字和字母,不能打印汉字
最后附上官方的地址
更多推荐
已为社区贡献2条内容
所有评论(0)