很多二维码都需要设置过期时间,比如扫码登录、付款二维码等。下面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工作流
- 一位24岁的金发女海盗ComfyUI工作流
- 一个黄色的海绵宝宝ComfyUI工作流
- 一幅梦幻家园comfyui工作流
- 一只在森林里漫步的麋鹿ComfyUI工作流
- 一个表情深思熟虑的成熟男人
- 一架受损严重的宇宙飞船内有一只猫
- 树上挂着一只快乐香蕉ComfyUI工作流一
- 庭院,彩色玫瑰,云雾笼罩comfyui工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!