<body onload="createBarcode('div128','zhaokuo','B')">
使用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:
首先浏览器F12然后点击页面那个条形码
找到是哪一个样式应用了高度
你可以在浏览器先调整好
最后找到对应的css代码改掉
如果找不到,可以直接在最后一行把之前的覆盖掉
有帮助别忘记采纳亲!