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

桃花树下种桃花

于 2023-08-16 10:33:52 发布

阅读量414

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/var_let_const/article/details/132314146

版权

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