Vue 2 qrcode genera un código QR basado en el nombre de dominio

1. Instalar qrcodejs

npm i qrcodejs2 --save

2. Coloque la etiqueta div en la pregunta requerida

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

3. importar para introducir componentes
import QRCode from 'qrcodejs2'
4. Complete el nombre de dominio que necesita para generar un código QR

 created() {
    
    
      this.qrcode = 'https://www.baidu.com'  //所要展示的二维码链接，扫码后会跳转
      this.$nextTick(() => {
    
    
          this.crateQrcode()
      })
    },
     methods: {
    
    
       // 生成二维码
     crateQrcode() {
    
    
        this.qr = new QRCode('qrcode', {
    
    
          width: 150,//二维码宽度
          height: 150, //二维码高度
          text: this.qrcode, // 二维码内容
          colorDark: "#000",// 二维码颜色
          colorLight: "#fff"// 二维码背景色
        })
        console.log(this.qrcode)
      },
    }
```![在这里插入图片描述](https://img-blog.csdnimg.cn/47700cdc3ccc450782e2f6d4629cb7d4.png)