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

使用qrcode.js生成二维码
使用qrcode.js生成二维码
GoLang实现二维码生成和二维码扫描
一、二维码生成方法1：使用 go-qrcode （此种方法生成的二维码边框留白较多）获取go-qrcode库： ...
react生成二维码
1. 安装qrcode.react插件 2. 使用qrcode.react插件生成二维码 2.1 引用 2.2 使用
vue-cli项目生成二维码功能使用QRCode
vue-cli项目生成二维码功能使用QRCode 1安装.npm install --save qrcode 2，...
H5动态生成二维码(基于jQ与jquery.qrcode.js)
// 生成二维码 jQuery('#qrcode').qrcode({ render: "canv...
react 使用qrcode.react插件生成二维码并下载
1. 安装qrcode.react插件 2. 使用qrcode.react插件生成二维码引入使用 3. 下载二...
使用vue-qriously生成二维码
之前Vue中生成二维码的方法是Vue中使用QRcode.js 生产二维码但是后来发现使用qrcode.js存在一个...
QCcode
生成二维码，可以使用[jQuery]的qrcode插件。但是使用[HTML5]canvas或svg生成，在有的手机...
vue在表格中使用qrcodejs2生成二维码
使用vue在表格中生成二维码，首先先安装qrcode插件npm i qrcodejs2然后需要生成的vue中imp...
生成二维码之 JavaScript (jquery-qrcode
本文讲述如何使用 jquery-qrcode 生成二维码由于 qrcode 的编码原因会导致中文乱码如果能确保二...