博客

效果图



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.tok