vue前端生成二维码

vue前端生成二维码

1.安装依赖

cnpm install --save qrcodejs2 --save

2.引用插件

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

import QRCode from 'qrcodejs2'

let qrcode = new QRCode(this.$refs.qrCodeUrl, {
    text: '23333', // 需要转换为二维码的内容
    width: 200,
    height: 200,
    colorDark: "#008bd6",
    colorLight: "#ffffff",
    correctLevel: QRCode.CorrectLevel.H,
});

结果：