qrcodejs2 生成二维码并保存下载

首先安装qrcodejs2

cnpm install --save qrcodejs2

在需要用到的页面

import QRCode from "qrcodejs2";

在页面中

  <div id="qr" ></div>

  <button  @click="savePic" size="small">保存二维码<button>

    //二维码

    qr() {

      let qr = new QRCode("qr", {

        width: 195,

        height: 195, // 高度

        text: this.orderInfo.code_name // 二维码内容

      });

    },

    // 保存二维码

    savePic() {

      let myCanvas = document.getElementById("qr").getElementsByTagName("canvas");

      let a = document.createElement("a");

      a.href = myCanvas[0].toDataURL("image/png");

      a.download = "付款二维码";

      a.click();

      alert("下载成功");

    }