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,
});

结果:

vue前端生成二维码

类似文章

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注