Vue 链接生成二维码( QRCode )

1、安装 qrcodejs2

cnpm i qrcodejs2 --save

 

2、页面中引入

  import QRCode from "qrcodejs2";

 

3、页面展示

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

 

4、QRCode配置（ methods中 ）

qrcode(e, n) {
                let qrcode = new QRCode("qrcode", {
                    width: 200, // 二维码宽度，单位像素
                    height: 200, // 二维码高度，单位像素
                    text: "https://pre.zhiyedang.cn/a?=" + e + "&" + n // 生成二维码的链接
                });
            },

 

5、调用

this.qrcode(e,n);