npm install qrcodejs2 

main.ts 中

const QRCode = require('qrcodejs2');
Vue.prototype.QRCode = QRCode ;

vue页面中

private QRCode: any;
 
mounted() {
	//生成二维码
	this.qrCode("http://www.baidu.com");
}

private qrCode(url: any): void {
	let qrcode = new this.QRCode('qrcode', {
		width: 100, //图像宽度
		height: 100, //图像高度
		colorDark: "#000000", //前景色
		colorLight: "#ffffff", //背景色
		typeNumber: 4,
		correctLevel: this.QRCode.CorrectLevel.H //容错级别 容错级别有:(1)QRCode.CorrectLevel.L (2)QRCode.CorrectLevel.M (3)QRCode.CorrectLevel.Q (4)QRCode.CorrectLevel.H
	})
	qrcode.clear(); //清除二维码
	qrcode.makeCode(url) //生成另一个新的二维码
}
Logo

前往低代码交流专区

更多推荐