很多二维码都需要设置过期时间,比如扫码登录、付款二维码等。下面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工作流
一盒用五颜六色的食材烹制的热气腾腾的寿司
一个穿绿衣服国风古典女孩
一幅骨架坐在公园的长椅上
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

在线生成金属文字
SVG路径动画效果
利用js做一个炫酷音乐背景效果
利用canvas画几个好玩的星云物种
利用CSS3做一个星级评分样式
利用css绘画棋盘布局(象棋)
利用js+css3做一个小鱼游泳特效













