条形码：

使用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：

JsBarcode("#barcode", "123456789",{ fontSize:14, });

详细参数参考官方文档。

二维码：

使用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：

if(!this.qrCode){
this.qrCode = new QRCode('qrcode', { width: 150, height: 150, })  
 this.qrCode.clear();
var QRCodeStr = "123456789"; 
 this.qrCode.makeCode(QRCodeStr); 

}