vue生成条形码和二维码

vue生成条形码和二维码,第1张

使用jsbarcode:

官网:

https://lindell.me/JsBarcode/

简单使用如下:

vue用法:

1.npm install jsbarcode --save

2.在需要使用的vue页面里面引用:

import JsBarcode from 'jsbarcode'

3.界面中使用:

<div  style="text-align: center" ><svg id="barcode" ></svg></div>

4.js:

详细参数参考官方文档。

使用qrcodejs2:

没有找到官网,可以参考npmjs:

https://www.npmjs.com/package/qrcodejs2

vue用法:

1.npm install qrcodejs2 --save

2.在需要使用的页面中引用:

import QRCode from 'qrcodejs2'

3.页面:

<div style="display: flexjustify-content: center" id='qrcode'></div>

4.js:

你需要使用OCX组件才行了,使用VB针对条码打印机开发一个小程序,然后生成OCX组建,javascript通过浏览器加载OCX组建访问条码打印机。不过这个只支持IE。最佳方案当然还是

用applet。

把按钮的onclick事件移到body的onload事件即可

<body onload="createBarcode('div128','zhaokuo','B')">


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/11593791.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存