1.下载qrcodejs2

npm ``install` `--save qrcodejs2

2.所需页面导入qrcodejs2

import QRCode from 'qrcodejs2'

3.添加到页面元素中

添加到页面

<div class="qrcode" ref="qrCodeUrl"></div>

注册方法

methods: {
creatQrCode() {
var qrcode = new QRCode(this.$refs.qrCodeUrl, {
text: 'https://blog.csdn.net/weixin_42601136', // 需要转换为二维码的内容
width: 100,
height: 100,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H
})},
},

加载后运行

mounted() {
this.creatQrCode();
},
};