vue实现前端生成二维码

`以下是前端利用qrcodejs2生成二维码

一、安装qrcodejs2

npm install qrcodejs2 --save

二、使用步骤 1.页面引入

 import QRCode from 'qrcodejs2'

2.创建一个存放二维码的容器

<div id="doload"> </div> //这里的id和生成时的一致就行

3.在你需要的地方生成二维码

生成二维码之前建议给一个延时

setTimeout(() => {
      let shareUrl = `https://www.baidu.com/`;//二维码地址
     let qrcode = new QRCode("doload", {//这里就是你存放二维码容器的id
          text: shareUrl,
          width: 90, //图像宽度
          height: 90, //图像高度
      });
      qrcode.clear(); //清除二维码
      qrcode.makeCode(shareUrl); //生成另一个新的二维码
  }, 100);

---

总结

一个简单的二维码就这样实现了