qrcodejs生成二维码图片

百事可爱-墨宝

于 2021-04-19 22:37:27 发布

阅读量444

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_42617917/article/details/115873443

历史备份专栏收录该内容

52 篇文章

订阅专栏

本文介绍如何在Vue项目中使用qrcodejs2库生成二维码图片。包括安装步骤、代码示例及如何调整二维码尺寸颜色等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue 项目生成二维码图片：
安装：npm i qrcodejs2
引入和使用：
html：

<div id="qrcode"></div>

Js：

import QRCode from 'qrcodejs2' 
// 创建空的二维码对象
let qrcode1 = new QRCode("qrcode", "")
// 生成二维码
qrcode1.makeCode("http://www.w3cschool.cc");
// 直接调用：
let qrcode2 = new QRCode("qrcode", {
    text: "https://blog.youkuaiyun.com/",
    width: 128,
    height: 128,
    colorDark : "#000000",
    colorLight : "#ffffff",
    correctLevel : QRCode.CorrectLevel.H
});
// 清除：
qrcode2.clear()
// 生成新的二维码
qrcode2.makeCode("http://www.w3cschool.cc");