vue 解决qrCode生成的二维码微信长按不识别问题

QRcode 生成二维码，展示到页面，微信打开，长按二维码没反应

解决方法

<!-- 这个用来生成二维码，隐藏掉 -->
<div id="qrCode1" style="display: none;"></div>

<!-- 下面这个放置转换后的图片 -->
<div id="qrCode2"></div>

js 代码

let hideQRCode = document.getElementById("qrCode1"),

myQRCode = document.getElementById("qrCode2"),

image = new Image();

let qrcode = new QRCode(hideQRCode, { width : 108, height : 108 });
//绘制二维码
qrcode.makeCode('http://aaaaa');

// 获取canvas元素转成 img
image.src = hideQRCode.firstChild.toDataURL("image/png");
// 放到页面
myQRCode.appendChild(image);

qrcode在页面生成二维码时，会生成一个canvas标签和一个img标签，部分安卓机里面，canvas元素没有隐藏掉，所以长按的时候按的不是图片，所以无法识别，也就没有弹窗，转成图片放到页面上去就行。