vue生成条形码和二维码

Posted 2023-03-22

参考技术A 使用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: flex;justify-content: center;" id='qrcode'></div>

4.js：