vue实现按钮倒计时
效果如下，倒计时完了再成为蓝色状态
实现代码：
{{getCode}} export default {name: "demo",data(){return{getCode:'获取验证码',isGeting:false,count:6,disable:false}},methods:{getVerifyCode(){var countDown = setInterval(()=>{if(this.count < 1){this.isGeting = false;this.disable = false;this.getCode = '获取验证码';this.count = 6;clearInterval(countDown);}else{this.isGeting = true;this.disable = true;this.getCode = this.count-- + 's后重发';}},1000);}}}.codeGeting{background: #cdcdcd;border-color: #cdcdcd;}
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！