很多二维码都需要设置过期时间,比如扫码登录、付款二维码等。下面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工作流
Latent放大comfyui工作流
一块慕斯蛋糕ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

会议人员60s签到倒计时插件
2023年程序猿如何给自己开启一场烟花盛会
利用canvas画几个好玩的星云物种
3D彩色卡片
barcode条形码/qrcode二维码兼容所有浏览器(含ie6/ie7/ie8)
iframe开发admin后台
css3画弹珠,可以滚动!
纯css制作卡通头像(随鼠标转头)











