vue3+ts 标签编码批量打印功能

本文记录了在Vue3项目中遇到的批量打印标签编码问题及解决方案。首先,由于vue-barcode不支持Vue3,作者转向了vue3-barcode,但发现它不适用于批量生成。最后,通过采用js-barcode库,成功实现了批量生成编码的需求。过程中,作者还分享了相关库的文档资源和注意事项。
摘要由CSDN通过智能技术生成

最近后台项目遇到了批量打印标签含编码的需求,过程坎坷,做个笔记记录一下踩过的坑。

坑1:vue-barcode不支持vue3:
一开始考虑vue项目,就想着使用vue-barcode(文档传送门),结果用的时候发现诶,怎么不行呢,发现vue-barcode只能vue2项目使用,不支持vue3,顺藤摸瓜,发现了适用vue3的vue3-barcode(文档传送门),总算成功生成一个编码;

坑2:vue3-barcode不支持批量生成:
生成一个编码时,vue3-barcode倒是可以用了,但我需要批量生成时发现了一个问题,最后一个编码总是覆盖掉之前生成的编码,百思不得其解,多番寻找原因未果,倒是遇到了很多同样问题的,转而使用js-barcode(文档传送门),总算成功实现想要的功能。

js-barcode文档字段解释稍微少了一点,在别的地方有看见有非常详细注释的文章(传送门)。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值