1s内,再次点击没用(目的:防止多次点击)
代码:
首先在data中定义 isClick:true
sub() {
console.log("11111111111111111")
if (this.isClick) {
console.log("22222222222222")
this.isClick = false;
console.log("33333333333333")
setTimeout(function () {
this.isClick = true;
}, 1000);//一秒内不能重复点击
console.log("444444444444444")
}else{
console.log("555555555555555")
return;
}
}
第一次点击的运行截图:
1s内的时间,多次进行点击,只会进行return上的错误的那个数据
就算等了一秒之后,我再次点击,也会出现55555,由此可见第一遍isclick由TRUE改为FALSE,因此之后再点击的话,都是FALSE。
也可以直接写成
1s内,再次点击没用
代码:
sub() {
console.log("11111111111111111")
if (this.isClick) {
console.log("22222222222222")
this.isClick = false;
console.log("33333333333333")
console.log("444444444444444")
}else{
console.log("555555555555555")
return;
}
}