vue 生成二维码使用QRCode插件

如何使用：

vue 生成二维码使用QRCode插件

---

安装qrcode

npm install --save qrcode

---

使用代码

<canvas  class="QRCode_header"></canvas>

import QRCode from "qrcode";
	
codemsg:[
      ["www.baidu.com"],
      ["www.4399.com"]
      ]

 mounted() {
    this.getQRCode();
  },
  
//生成的二维码
  getQRCode() {
      let opts = {
        margin:0, //二维码留白边距
        width: 80, //宽
        height: 80, //高
        //text: "", //二维码内容
        color: {
          dark: "#333333", //前景色
          light: "#fff", //背景色
        },
      };
      //生成多个二维码
      for(var i = 0 ; i < 2;i++){
        let msg= document.getElementsByClassName('QRCode_header')[i]
        // 将获取到的数据（val）画到msg（canvas）上
        this.QRCodeMsg = this.codemsg[i]
        QRCode.toCanvas(msg, this.QRCodeMsg, opts);
      }
    },

---