前端实现打印(vue为例)

本文探讨了在Vue中实现打印功能及条形码生成的方法。使用v-print指令进行打印,但存在浏览器兼容性问题;尝试了vue-barcode和jsbarcode插件,前者条码清晰但无法调整尺寸,后者可调整尺寸但清晰度稍逊。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前端实现打印(vue为例)

所遇到问题:
打印插件

  1. 打印插件

使用vue的一个打印插件,v-print指令在谷歌浏览器使用使用一直没有反应,360浏览器可以启动打印功能。(可能是我自己没有配置好,已在npm安装以及当前页面引用)

  1. 生成一维码(条形码)
    也是使用了vue版的一个插件,vue-barcode,渲染出来的是svg形式,条码清晰。缺点:没有找到设置条形码的高度和宽度的选项。
    另外一个插件jsbarcode,两个插件使用都很简单,jsbarcode是以图片标签的形式展示出来的。成功设置了显示的高度和宽度。缺点:但是jsbarcode的清晰度不如vue-barcode。
    3.取消打印预览界面(待更新)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值