二维码生成 qrocde使用

npm install qrcode2

代码：

// 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 之后调用生成方法