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);