vue使用QRCode.js制作二维码

最新推荐文章于 2024-10-07 20:54:28 发布

原创最新推荐文章于 2024-10-07 20:54:28 发布 · 390 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#QRCode.js #生成二维码 #vue

技术专栏收录该内容

19 篇文章

订阅专栏

本文介绍如何利用npm包qrcodejs2在网页中生成自定义大小和颜色的二维码，包括安装步骤、代码示例及如何在HTML页面中显示二维码。

安装 npm install qrcodejs2 --save
页面使用 import QRCode from “qrcodejs2”; // 引入qrcode

制作一个盛放二维码的容器

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

生成二维码

//获取容器
document.getElementById("qrcode").innerHTML = "";
let qrcode = new QRCode("qrcode", {
    width: 132,
    height: 132,
    text: "此处为二维码的内容", // 二维码内容 也可以放url
    //text: "https://www.jianshu.com/p/2458f7672fbc", 
    //二维码的底色
    colorDark: "#000",
    colorLight: "#fff"
});