美文网首页
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