- 🏃♂️ 微信公众号: 朕在debugger
- © 版权: 本文由【朕在debugger】原创、需要转载请联系博主
- 📕 如果文章对您有所帮助，欢迎关注、点赞、转发和订阅专栏！
目的：生成标签并实现打印功能
前言
项目要用到标签生成及打印，我之前也没接触过，算是慢慢来慢慢琢磨咯～
实现步骤
一、VueBarcode 是什么？
简单来说 JsBarcode 是一个用 JavaScript 编写的条形码生成器。
它支持多种条形码格式，可以在浏览器和Node.js中使用。当它用于web时，它没有依赖性，但如果您喜欢，它可以与jQuery一起使用。
甚至还有在线调试Demo😊
条码相关参数修改介绍链接：github.com/lindell/JsB…
二、VueEasyPrint 是什么？
这是一个基于vue 2.0的打印组件
它的核心是使用vue组件的slot插槽进行模板加载。 使用iframe复制打印区域
三、VueBarcode 实践
3-1、先安装vue-barcode插件
3-2、引入 VueBarcode 并注册为组件
3-3、页面使用该组件
四、VueEasyPrint 实践
4-1、按照官方教学快速入门安装
4-2、引入VueEasyPrint并注册为组件
4-3、在页面中使用
4-4、配置props参数
4-5、绑定打印按钮实现打印功能
五、VueBarcode + VueEasyPrint 合体
上面两步实践结合，将生成条码及逻辑代码放入打印组件中
最终效果呈现
对应实物展现
finally
如果大家觉得本文写得不错，别忘了给个赞哦！同时，如果您有任何疑问或建议，欢迎在评论区留言，让我们一起交流、探讨！
