vue生成二维码

cnpm install qrcodejs2

  <div id="qrCodeUrl" ref="qrCodeUrl" class="qrcode"  style="height: 120px;  width: 120px;"></div>

import  QRCode  from  qrcodejs2;

let qrcodeWx;

           //生成二维码
            function createQrCode(wxPayUrl) {
                qrcodeWx = new QRCode(this.$refs.qrCodeUrl, {
                    text: wxPayUrl,//二维码内容
                    width: 180,
                    height: 180,
                    colorDark: "#000000",
                    colorLight: "#ffffff",
                    correctLevel: QRCode.CorrectLevel.H
                });
                console.log(qrcodeWx);
            },


            function  closeWxPay(){
                if (qrcodeWx){
                    this.$refs.qrCodeUrl.innerHTML = ''
                    qrcodeWx.clear()
                    qrcodeWx = null
                }
         

            }