很多二维码都需要设置过期时间,比如扫码登录、付款二维码等。下面编程教程网小编给大家详细介绍一下实现代码!
具体代码如下:
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 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:如何设置二维码的时效性?(设置过期时间)
基础教程推荐
猜你喜欢
- vue2项目使用预渲染prerender-spa-plugin插件解决seo优化 2025-01-15
- JQuery的加载和选择器用法简单示例 2024-04-26
- 锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇) 2024-04-07
- 通过CSS显示垂直文本以垂直方式显示文本元素 2024-03-09
- js 实现浏览历史记录示例 2024-02-06
- JavaScript动态添加列的方法 2024-02-06
- 一个非常全面的javascript URL解析函数和分段URL解析方法 2024-02-10
- 基于ajax的简单搜索实现方法 2022-10-18
- electron-vue构建项目 2023-10-08
- jQuery中Nicescroll滚动条插件的用法 2024-01-21