【uniapp+uView框架】验证码倒计时代码

<view class="code-btn flex flex-center" @click="getCode">
{{countdown}}<u-verification-code :seconds="60" ref="uCode" @change="codeChange">u-verification-code>
view>
1
2
3

// 保存倒计时提示
countdown: "获取验证码",
// 设置倒计时60
seconds: 60,
1
2
3
4

//点击获取验证码
getCode() {
//this.$refs.uCode.canGetCode:用于判断是否能执行验证码操
if (this.$refs.uCode.canGetCode) 
{
//this.$refs.uCode.start():用于调用倒计时
this.$refs.uCode.start();
} else {
this.$u.toast('倒计时结束后再发送');
}
//监听时间倒计时
codeChange(text) {
this.countdown = text;
},
1
2
3
4
5
6
7
8
9
10
11
12
13
14