VUE——验证码倒计时

"Code" class="codeF">
									class="Code-btnf" v-model="ruleForm.Code" placeholder="请输入验证码"></el-input>
									"primary" @click="getCode" class="Code-btn" :disabled="!canClick">
										{{ this.getCodeTitle }}
									
 
 
canClick: true, // 验证码是否禁用
				totalTime: 60,
				getCodeTitle:'获取验证码',
		
 
//倒计时
			verificationCode() {
			 if (!this.canClick) return
				this.canClick = false
				this.getCodeTitle = this.totalTime + 's后重新发送'
				let clock = window.setInterval(() => {
					this.totalTime--
					this.getCodeTitle = this.totalTime + 's后重新发送'
					if (this.totalTime < 0) {
						window.clearInterval(clock)
						this.getCodeTitle = '重新发送验证码'
						this.totalTime = 60
						this.canClick = true
					}
				}, 1000)
			},