vue实现倒计时获取验证码效果

本文实例为大家分享了某视频剪辑软件实现倒计时获取验证码效果的具体代码，供大家参考，具体内容如下

效果：

代码：

template div El-button : disabled=' disabled ' @ click=' send code ' class=' send code ' { btntxt } }/El-button/div/template script export default { data(){ return { disabled : false，time:5，btntxt: '发送验证码', };}，方法： { send code(){ this。时间=5；这个。timer()；}, //发送手机验证码倒计时timer(){ if(this。时间0){ this。disabled=true这个。时间-；' this.btntxt=this.time '秒；setTimeout(this.timer，1000)；} else { this。时间=0；this.btntxt='发送验证码；this.disabled=false} }，} } }/脚本样式作用域。El-button { margin : 100px 50px；}/样式以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。