Vue开发跨端应用（七）添加生成二维码

二维码组件：QRCode

 

npm i qrcode -s

这里需要注意的是不能放在 created 事件里面，需要放在 mounted事件

 

 

var QRCode = require('qrcode')

 

 

mounted: function () {
    QRCode.toDataURL('222', {errorCorrectionLevel: 'H'}, function (err, url) {
        document.getElementById('imgSrc').src = url;
    })
}

通过QRCode生成base64资源，再赋值给img即可