vue qrcode生成二维码，并监控失效 刷新二维码

效果图

1.首先安装插件
npm install qrcodejs2 --save

2.html代码

<div class="qrcode" ref="qrCodeUrl" ></div>
	<h1 class="faceCode-shade pa"  v-if="isTimeout">
		<p>二维码已失效</p>
		<a @click="refresh()">刷新</a>
	</h1>

isTimeout用来判断二维码是否失效

export default {
	data() {
		return {
			isTimeout:false;//默认为false
		}
	}
}

	getFaceSnap() {
				this.isTimeout = false;
				let params = {};
				this.$api.get("/vueapi/getUserAuthQrCode", params, (res) => {
					if (res.code == 0) {
						this.dialogVisible = true;//弹窗弹出
	                    this.token = res.data.token;
	                    this.appScanResultData = res.data;
						this.creatQrCode(res.data.qr