vue将链接转换成二维码图片

最新推荐文章于 2025-07-03 08:42:49 发布

原创最新推荐文章于 2025-07-03 08:42:49 发布 · 532 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

业务需求问题专栏收录该内容

26 篇文章

订阅专栏

本文介绍了如何使用Node.js库QRCode在JavaScript中生成二维码，包括设置容错级别、图像类型、质量、边距等参数，并将生成的URL保存。

npm install qrcode --save-dev

import QRCode from "qrcode";

getQRcode(linkUrl) {
      let opts = {
        errorCorrectionLevel: "L", //容错级别
        type: "image/png", //生成的二维码类型
        quality: 0.3, //二维码质量
        margin: 4, //二维码留白边距
        width: 256, //宽
        height: 256, //高
        text: "", //二维码内容
        color: {
          dark: "#000000", //前景色
          light: "#fff", //背景色
        },
      };
      QRCode.toDataURL(linkUrl, opts, (err, url) => {
        if (err) throw err;
        //将生成的二维码路径复制给data的QRImgUrl
        this.QRImgUrl = url;
        console.log(this.QRImgUrl);
      });
    },