vue生成二维码插件---QRCode

QRCode.js是什么？

QRCode.js是用于制作二维码的JavaScript库

安装

npm i qrcodejs2

在需要使用的组件中引入

import QRCode from 'qrcodejs2'

创建DOM元素，存储二维码的位置

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

生成二维码的方法

qrcode() {
   let qrcode = new QRCode('qrcode', {
       width: 132,  
       height: 132,
       text:'https://www.baidu.com/', // 二维码数据
       correctLevel : QRCode.CorrectLevel.M //容错级别 容错级别有：（1）QRCode.CorrectLevel.L （2）QRCode.CorrectLevel.M （3）QRCode.CorrectLevel.Q （4）QRCode.CorrectLevel.H
   })
},

在mounted或created中调用生成二维码的方法

 mounted () {
   	this.qrcode();
},