纵有疾风起
人生不言弃

vue获取验证码倒计时

<template> <div> <el-button :disabled="disabled" @click="sendcode" class="sendcode">{{btntxt}}</el-button> </div></template> <script>export default { data() { return { disabled:false, time:5, btntxt:"发送验证码", }; }, methods: { sendcode(){ this.time=5; this.timer();  }, //发送手机验证码倒计时 timer() { if (this.time > 0) {  this.disabled=true;  this.time--;  this.btntxt=this.time+"秒";  setTimeout(this.timer, 1000); } else{  this.time=0;  this.btntxt="发送验证码";  this.disabled=false; } }, }}</script>  <style scoped>.el-button{ margin: 100px 50px;}</style>

  

文章转载于:https://www.cnblogs.com/wuliujun521/p/13476515.html

原著是一个有趣的人,若有侵权,请通知删除

未经允许不得转载:起风网 » vue获取验证码倒计时

分享到: 生成海报
avatar

评论 抢沙发

评论前必须登录!

立即登录   注册

切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活