vue2项目怎么生成二维码,手机扫码打开链接
·
generateQrcode() {
const Qrcode = require('qrcodejs2');
const url = 'https://qr.yeepay.com/oc/nxbN84icL';
// 创建弹窗
const dialog = this.$alert('<div id="qrcode-container" style="margin: 20px 0;"></div>', '二维码', {
dangerouslyUseHTMLString: true,
confirmButtonText: '关闭',
customClass: 'qrcode-dialog'
});
// 弹窗打开后生成二维码
dialog.then(() => {
// 关闭时清理
const qrcodeEl = document.getElementById('qrcode-container');
if (qrcodeEl) {
qrcodeEl.innerHTML = '';
}
});
// 确保DOM渲染完成后生成二维码
this.$nextTick(() => {
const qrcodeEl = document.getElementById('qrcode-container');
if (qrcodeEl) {
qrcodeEl.innerHTML = '';
new Qrcode(qrcodeEl, {
text: url,
width: 200,
height: 200,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: Qrcode.CorrectLevel.H
});
}
});
},

更多推荐



所有评论(0)