很多二维码都需要设置过期时间,比如扫码登录、付款二维码等。下面web建站小编给大家详细介绍一下实现代码!
具体代码如下:
export default {
name: "qrCode",
data() {
return {
codeStatus: 1, // 1- 未扫码 2-扫码通过 3-过期
effectiveTime: 30, // 有效时间
qrCodeTimer: null // 有效时长计时器
uid: '',
time: ''
};
},
methods: {
// 轮询获取二维码状态
getQcodeStatus() {
if(!this.qsCodeTimer) {
this.qrCodeTimer = setInterval(()=> {
// 二维码过期
if(this.effectiveTime <=0) {
this.codeStatus = 3
clearInterval(this.qsCodeTimer)
this.qsCodeTimer = null
return
}
this.effectiveTime--
}, 1000)
}
},
// 刷新二维码
refreshCode() {
this.codeStatus = 1
this.effectiveTime = 30
this.qsCodeTimer = null
this.generateORCode()
}
},
上面是“如何设置二维码的时效性?(设置过期时间)”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_3379.html
workflows工作流
完整海报生成comfyui工作流
一个孤独的斗篷人物站在一座巨大的雕塑旁
一个精心制作的微型赛车场ComfyUI工作流
一个冰淇淋ComfyUI工作流
一匹热血沸腾的汗血宝马庄严地站立着ComfyUI工作流
一只可爱的毛茸茸的猫ComfyUI工作流
羚羊安上小白兔的门牙ComfyUI工作流
一棵树从鸟笼里长出来的梦幻般场景
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

css3结合svg做一个动态广告
如何利用css3+js做一个下雨效果
利用CSS3做一个星级评分样式
css3绘制一个会动的大嘴鸟
css3实现星球旋转
利用css绘画棋盘布局(象棋)
一个包含老黄历、佛历、道历、星宿等数据的日历网站
黑客入侵效果代码










