Vue中前端根据地址，生成二维码

最新推荐文章于 2024-06-22 08:17:10 发布

有你好果子

最新推荐文章于 2024-06-22 08:17:10 发布

阅读量256

点赞数

分类专栏： vue 文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/m0_59501287/article/details/128707090

版权

vue 专栏收录该内容

22 篇文章 1 订阅

订阅专栏

1.下载

npm install qrcode --save-dev

2.引入

import QRCode from “qrcode”;

QRCode.toDataURL(
                url,//http:www.XXXXXX
                {
                    errorCorrectionLevel: "H",//容错级别
                    type: 'image/jpeg',//生成的二维码类型
                    quality: 0.3, //二维码质量
                    margin: 0, //二维码留白边距
                    width: 280, //宽
                    height: 280, //高
                    color: {
                        dark: "#333",//前景色
                        light: "#fff",//背景色
                    },
                },
                (err, url) => {
                    console.log(err,url);
    
                }
            );