生成二维码及微信长按识别二维码

参考网友文档：
js生成二维码及解决二维码在微信中不能识别
来自 https://blog.csdn.net/qq_41429765/article/details/111915775?ops_request_misc=&request_id=&biz_id=102&utm_term=微信生成二维码识别&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-3-111915775.pc_search_result_before_js

1. 安装和引入

<script type="text/javascript" src="http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>
 import QRCode from 'qrcode2'

2. html写两个div，一个是真实的画二维码的div，设置display为none隐藏起来，一个是真正用到的用于转换成图片的div

    <div id="codeDiv" style="display: none;">
    </div>
    <div id="qrcode" style="margin:0 auto; margin-top:20px; width:160px; ">

3.使用QRcode画二维码，然后用canvas的toDataURL方法将二维码转换成图片。

//生成二维码
      createQRcode(followCode) {
     
        followCode = decodeURIComponent(followCode);  //解码
        setTimeout(() => {
   
          if (document.getElementById('qrcode').innerHTML) {
   
            document.getElementById('qrcode').innerHTML = '';
          }
          //生成二维码
          var qrcode = new QRCode("codeDiv", {
   
            text: followCode,
            width: 250,
            height: 250