QRCode 如何在 vue + ts 中使用
npm install qrcodejs2main.ts 中const QRCode = require('qrcodejs2');Vue.prototype.QRCode = QRCode ;vue页面中private QRCode: any;mounted() {//生成二维码this.qrCode("http://www.baidu.com");}priv...
·
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) //生成另一个新的二维码
}
更多推荐
已为社区贡献7条内容
所有评论(0)