vue项目通过qrcodejs2实现界面生成二维码 扫描后进入指定链接

先在vue项目终端引入依赖

npm install qrcodejs2 --save

然后在需要使用的组件处编写代码如下

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

<script>
import QRCode from 'qrcodejs2';

export default {
      
      
  mounted() {
      
      
    // 在DOM中生成二维码
    const qrcode = new QRCode('qrcode', {
      
      
      text: 'https://www.baidu.com/?tn=48021271_25_hao_pg',
      width: 256,
      height: 256
    });
    console.log(qrcode);
  }
}
</script>

这里 我们放了一个百度的链接https://www.baidu.com/?tn=48021271_25_hao_pg

然后 我们运行项目

可以看到 我们的二维码就已经出来了

然后这里 我们手机扫二维码进入
就成功到了百度的首界面