uniapp怎么设置按钮，按一次过一段时间才能在按呀。类似发送验证码按钮

分类：uni-app

这是我的button ： <button type="primary" class="butto" @tap="SMS"> 发送验证码 </button>

2019-01-02 21:15 负责人:无分享

5 个回复

tatc - 不知道说什么好

设置一个变量然后让那个变量计数
data(){
return{
timer:60
}
}
,methods:{
SMS(){
let timer1 = setInterval(() => {
this.timer--;
if (this.timer == -1) {
clearInterval(timer1);
this.timer = 60;
}
}, 1000);
}
}

2***@qq.com (作者) - 90后学生

<button type="primary" class="butto" :disabled="disabled" @tap="SMS"> {{title}} </button>

data(){
return {
timer:60,
disabled: false,
title:'发送验证码'
}
},
methods: {
//single message send
SMS: function (e) {
if(this.account.length<11){
uni.showToast({
title: '手机号不符合要求',
duration: 2000,
icon:'none'
});
return;
}
else{
this.disabled=true
let timer1 = setInterval(() => {
this.timer--;
this.title='请等待'+this.timer+'秒后再次发送'
if (this.timer == 0) {
clearInterval(timer1);
this.timer = 60;
this.disabled=false
this.title='发送验证码'
return;
}
}, 1000);
}
}