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