前端之根据信息生成二维码

vueQr：

       下载：npm i vueQr

         使用：

<vue-qr  :text="info.id" :size="150" :margin="10" class="imgs"></vue-qr>


//js
import vueQr from 'vue-qr'
components: {
vueQr
},
           

qrcodejs2：

        下载：npm i  qrcodejs2

         使用：

<div class="qrcode" ref="qrCodeUrl"></div> 

//js
import QRCode from "qrcodejs2"


creatQrCode() {
        var qrcode = new QRCode(this.$refs.qrCodeUrl, {
            text: 'content',  //需要转换为二维码的内容
            width: 100, //二维码宽度
            height: 100,  //二维码高度
            colorDark: '#000000', //前景色   
            colorLight: '#ffffff', //后景色
            correctLevel: QRCode.CorrectLevel.L //容错级别
        })
    }