首页 > 其他 > 详细

vue条形码生成插件vue-barcode

时间:2019-11-29 23:13:31      阅读:385      评论:0      收藏:0      [点我收藏+]

更详细的请查阅官方文档

https://github.com/lindell/vue-barcode

vue-barcode是JsBarcode的一个简单包装。所以在使用时的配置属性需要在JsBarcode中查看

JsBarcode官方文档

https://github.com/lindell/JsBarcode

安装

npm install vue-barcode -S

引入注册组件

import VueBarcode from vue-barcode;

 Vue.component(‘barcode‘, VueBarcode);

使用组件

<barcode :value="barcodeValue">
    条形码显示失败时的内容
</barcode>

注意点:value值需要给一个初始值,或者使用v-if在没有收到参数时不渲染节点,这样后台就不会报错

我在工作中用到的配置

 <barcode
             v-if="userlist.diseaseName"
             :value="userlist.examineNumber"
             :options="{ widht:100,height:50,
             background:rgba(255,255,255,.0)}"></barcode>
options中使用JsBarcode的属性,需要注意的是条码除了黑色,其他的颜色都不能被识别,或快速识别

不驰于空想,不鹜于虚声

vue条形码生成插件vue-barcode

原文:https://www.cnblogs.com/shcs/p/11960662.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!