vue 链接生成二维码(QRCode)

1,487 阅读1分钟

1、安装qrcodejs2

cnpm i qrcodejs2--save  
//
cnpm i qrcodejs2 -D  

2、引入

import QRCode from "qrcodejs2";

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

     qrcode () {
      let qrcode = new QRCode("qrcode", {
          width: 200, // 二维码宽度,单位像素
          height: 200, // 二维码高度,单位像素
          text: "https://www.xxx.com/" // 生成二维码的链接
       });
    }

5、调用

this.$nextTick(() = >{
  this.qrcode();
});