vue3条码打印

Vue3条码打印

首先说明一下，因为我这里使用的是iframe打印，所以需要参照我的这种格式来修改打印的样式

当然我也使用了printJS的打印，如果有需要也可以参考，内容放在最下面，printjs打印我是打印的类似于账单，使用的是三联式的打印机，

说明：这里需要说明一下，我这里的都是没有通过人工手动去调整的比例以及边距，考虑到用户可能不止打印我们这一个条码或者单据，如果修改了默认的打印样式或导致其他条件下也会生效，或造成非常不好的体验这些都可以通过@media 设置打印的样式，可以通过size属性来设置纸张大小以及区域大小，具体根据开发的情况自己调试，调试比较费时间，所以可以直接拿我这个去调试

1.方法一ifarme

步骤：

• 封装公共条码组件

BarcodePrint > index.vue

这里是我需要的内容以及打印样式 自己可以参考修改

• 我的打印内容以及样式组件

2.printjs打印

这里我没有去封装,可以来参考

Print.vue

true,
style
})
}
const generateCode = () => {
// document.getElementById(“imgContainer”).innerHTML = “”; //1
new QRCode(document.getElementById(“imgContainer”), {
text: ‘https://www.baidu.com’
});
};
generateCode()

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！