条形码:
使用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);}