1. Baixe o plug-in de geração de código QR
npm install qrcode -S
2. Prepare os elementos do dom
<canvas id="qrcodeEle"></canvas>
3. Vincule o link e gere um código QR
import QRCode from "qrcode";// 引入插件
// 生成二维码
let address = "https://blog.csdn.net/liuxin00020/"; // 获取要生成二维码的地址
let canvas = document.getElementById("qrcodeEle"); // 获取元素
QRCode.toCanvas(canvas, address, { width: 500, height: 500 }, (error) => {
if (error) {
console.error(error);
} else {
console.log("QR code generated successfully");
}
});