vue2二维码生成

1.npm ``install –save qrcodejs2
2

.<Script>
	import QRCode from "qrcodejs2"
</Script>

3. <div id="qrCode" ref="qrCodeDiv"></div>
4. 需要把div内容置空

  bindQRCode () {
      this.$nextTick(()=>{
          document.getElementById("qrCode").innerHTML = "";
          console.log("显示二维码的元素(div)="+this.$refs.qrCodeDiv);
          this.qrcode =   new QRCode(this.$refs.qrCodeDiv, {
            text: 'https://www.guizhongjie.com/a/?id=' + this.id,
            width: 150,
            height: 150,
            colorDark: "#333333", //二维码颜色
            colorLight: "#ffffff", //二维码背景色
            correctLevel: QRCode.CorrectLevel.L//容错率，L/M/H
          })
      })
    },

5.如果二维码在弹框中展示，需要在弹框中添加 @opened=“bindQRCode”
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body @opened="bindQRCode"></el-dialog>