vue使用QRCode插件，生成二维码

第一步

cnpm install --save qrcode2

第二步

import QRCode from 'qrcode2'

第三步

<div id="qrcode" ref="qrcode" />

第四步　

lookqr(text) {
      this.dialogVisible = true
      /*
        一定要在div生成之后再生成二维码，否则就会出现Cannot read property ‘appendChild’ of null"的错误
         this.$nextTick  DOM更新循环之后再执行
       */
      this.$nextTick(() => {
        this.getqr(text) // 链接转二维码图片
      })
    },
    getqr(text) {
      /*
      每次获取二维码之前清空二维码
      */
      this.$refs.qrcode.innerHTML = ''
      const qrcode = new QRCode('qrcode', {
        width: 200, // 设置宽度，单位像素
        height: 200, // 设置高度，单位像素
        text // 设置二维码内容或跳转地址
      })
    },

注意 ：一定要在div生成之后再生成二维码 ，否则控制台会报错  Cannot read property ‘appendChild’ of null"