vue 生成二维码

          


          

          


            点击重新获取二维码

          

        



created () {

    this.$nextTick(function () {

      this.BindQRCode()

    })

    this.timeQR()

  },



methods: {

    newQrimg () {

      this.BindQRCode()

      this.qrButBox = false

      this.timeQR()

    },

    timeQR () {

      var _this = this

      setTimeout(function () {

        _this.$nextTick(function () {

          _this.qrButBox = true

        })

      }, 3000)

    },

    BindQRCode () {

      new QRCode(this.$refs.qrCodeDiv, {

        text: 'https://www.baidu.com/',

        width: 180,

        height: 180,

        colorDark: '#333', // 二维码颜色

        colorLight: '#fff', // 二维码背景色

        correctLevel: QRCode.CorrectLevel.L // 容错率，L/M/H

      })

    },

}