代码:
// template
<div id="qrcode"></div>
// css
#qrcode {
margin: auto;
width: 442px;
height: 442px;
}
// script
import QRCode from 'qrcode2'
new QRCode(document.querySelector('#qrcode'), {
text: 'www.baidu.com', //此处为字符串
width: document.querySelector('#qrcode').offsetWidth,
height: document.querySelector('#qrcode').offsetHeight,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
})
vue 使用中
ps: 需要在 mounted 之后调用生成方法