导致这个问题的是节点还没创建渲染完就读取了节点,这个时候应该先让节点渲染完成再生成
解决方案如下:
this.$nextTick(() => {
// 若存在,先删除二维码
const dom = document.getElementById('qrcode')
if (dom) dom.innerHTML = ''
let qrcode = new QRCode('qrcode', {
text: 'xxx', // 需要转换为二维码的内容
colorDark: '#000000',
colorLight: '#ffffff',
width: 200,
height: 200,
correctLevel: QRCode.CorrectLevel.H
})
return qrcode
})
特此记录