一般获取短信验证码的时候会用到这个demo：
button里面包两个span标签，根据点击状态，显示不同的span，关键代码就是倒计时：
rush:xhtml;">
disabled">{{time+'秒后获取'}}
disabled">send
rush:css;">
button {
width: 100px;
height: 50px background: pink;
}
rush:js;">
var vm = new Vue({
el: '#example',data() {
return {
time: 60,// 发送验证码倒计时
sendMsgdisabled: false
}
},methods: {
send() {
let me = this;
me.sendMsgdisabled = true;
let interval = window.setInterval(function() {
if ((me.time--) <= 0) {
me.time = 60;
me.sendMsgdisabled = false;
window.clearInterval(interval);
}
},1000);
}
}
})
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
