vue使用QRCode.js制作二维码

最新推荐文章于 2024-05-05 03:24:38 发布

hsCBY

最新推荐文章于 2024-05-05 03:24:38 发布

阅读量333

点赞数 1

分类专栏：技术文章标签： QRCode.js 生成二维码 vue

本文链接：https://blog.csdn.net/hsCBY/article/details/102552993

版权

技术专栏收录该内容

19 篇文章 1 订阅

订阅专栏

安装 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"
});