【VUE】vue使用QrCode插件实现生成二维码

1、安装

npm install qrcodejs2 --save
或
yarn add qrcodejs2

2、页面引用

import QRCode from 'qrcodejs2'

3、页面定义容器

<!-- 二维码容器 -->
<div id="qrCode" ref="qrCode" class="qrcode"></div>

4、方法中使用

loadQRCode(code) {
	this.$refs.qrCode.innerHTML = '' // 用于清空之前生成的二维码
	new QRCode(this.$refs.qrCode, {
		text: code,//二维码内容，可以是字符串或者网址
		width: 300,//宽度 数字 px
		height: 300,//高度 数字 px
		colorDark: '#000', //二维码颜色
		colorLight: '#fff', //二维码背景色
		correctLevel: QRCode.CorrectLevel.L //容错率，L/M/H
		})
	},