vue3.x + ts 如何生成二维码 生成二维码方法

给大家介绍一个比较好的适用于vue3.x+ts环境下的二维码生成 库。
记录一下一次用vue+ts生成二维码的方法,踩过很多坑,也不一定适合其他人;
npm install @types/qrcode npm install qrcode
//引入插件
在vue中
<div id="code"><canvas id></canvas></div>
script中
import QRCode from "qrcode"; export default { useqrcode() { canvas = document.getElementById('canvas'); text = "string"; QRCode.toCanvas(canvas, text, function (error) { if (error) console.error(error); console.log('QRCode success!'); } } mounted() { this.useqrcode(); } }
小礼物走一波,支持作者
赏
还没有人赞赏,支持一波吧