美文网首页
vue3+ts中怎么使用qrcode生成二维码

vue3+ts中怎么使用qrcode生成二维码

作者: 回不去的那些时光 | 来源:发表于2023-04-06 10:19 被阅读0次

    下载对应的依赖

    yarn add qrcode -S
    yarn add @types/qrcode -D
    qrcode 和 @types/qrcode 版本号要一致
    在 shims-vue.d.ts 中 添加 declare module 'qrcode';

    使用

    <canvas class="qrcode"></canvas>
    
    import QRCode from "qrcode";
    
    let canvas = document.querySelector(".qrcode");
    QRCode.toCanvas(canvas, "https://www.baidu.com/");
    
    .qrcode {
      width: 200px;
      height: 200px;
    }
    

    相关文章

      网友评论

          本文标题:vue3+ts中怎么使用qrcode生成二维码

          本文链接:https://www.haomeiwen.com/subject/sldhddtx.html