ｖｕｅ定时器

绑定获取的数据

<template>
	<el-button @click='smsCode' :disabled='status'>{{msg}}</el-button>
</template>
1
2
3

定义参数

<script>
export default {
	data() {
		status: false,
		msg: '获取验证码',
		time: 60
	},
	metheds: {
		smsCode() {
			var t = setInterval(() =>{
				if (this.time == 0) {
					this.msg = '发送验证码';
					this.status = false;
					this.time = 60;
					clearInterval(t);
				} else {
					this.msg = this.time + '秒';
					this.time--;
					this.status = true;
				}
			}, 1000);
		}
	}
}
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

实现的效果