安装:
二维码 :npm install --save qrcodejs2
条形码 :npm install jsbarcode --save
引入:
二维码 :import QRCode from 'qrcodejs2'
条形码 :import JsBarcode from 'jsbarcode'
HTML:
二维码 :<div class="qrcode" ref="qrCodeUrl"></div>
条形码 :<img id="barcode" />
JavaScript:
mounted(){
this.creatQrCode();
this.createBarCode();
},
methods:{
createBarCode(){
JsBarcode('#barcode', this.BarCode, {
format: 'CODE128',
lineColor: '#000',
background: '#ffffff',
width: 1.5,
height: 40,
displayValue: false
})
},
creatQrCode() {
var qrcode = new QRCode(this.$refs.qrCodeUrl, {
text: this.QRCode, // 需要转换为二维码的内容
width: 150,
height: 150,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H
})
},
}