2020-11-26

vue中使用qrcodejs2 生成二维码

1.安装：npm install qrcodejs2 

2.导入：import QRCode from "qrcodejs2";

3.html：<div id="qrCode" ref="qrCodeDiv"></div>

4.js:  封装为一个函数，在需要的地方调用

//生成电子巡更app二维码

    creatQrCode() {

      var qrcode = new QRCode(this.$refs.qrCodeDiv, {

        text: "https://baidu.com", // 需要转换为二维码的内容

        width: 80,

        height: 80,

        colorDark: "#000000", //二维码颜色

        colorLight: "#ffffff", //二维码背景色

        correctLevel: QRCode.CorrectLevel.H, //容错率，L/M/H

      });

    },