很多二维码都需要设置过期时间,比如扫码登录、付款二维码等。下面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工作流
一颗闪闪发光的水晶漂浮在森林里
1个很漂亮的单身小女孩ComfyUI工作流
一只可爱的飞鸟ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

SVG路径动画效果
利用css绘画棋盘布局(象棋)
2023年程序猿如何给自己开启一场烟花盛会
HTML5 Canvas 刻度尺
3D立体人物效果
css3结合svg做一个动态广告
黑客入侵效果代码
纯CSS饼图效果










