Vue中链接生成二维码

1、安装插件

npm install qrcodejs2 --save

2、导入组件

import QRCode from 'qrcodejs2'

3、页面中添加二维码

<div id="qrcode" ref="qrcode" style="margin-left: 40%"></div>

4、js中生成二维码

new QRCode('qrcode', {
                            width: 200, #宽度
                            height: 200, #高度
                            text: qrCodeUrl #二维码链接
                        })

5、二维码图片重复出现解决办法

解决办法：每次调用生成二维码前，添加如下信息：

document.getElementById("qrcode").innerHTML = "";