vue.js防止按钮重复点击
情景:有时候点击按钮的代码执行比较耗时,在此期间用户如果重复点击,会造成重复执行的情况。思路:使用一个变量state来阻止后面的代码执行,变量值默认为false,执行代码之前变为true,代码执行完毕再变为false。代码:<div @click="handleClick"></div>data(){return{state:false}}...
·
情景:有时候点击按钮的代码执行比较耗时,在此期间用户如果重复点击,会造成重复执行的情况。
思路:使用一个变量state来阻止后面的代码执行,变量值默认为false,执行代码之前变为true,代码执行完毕再变为false。
代码:
<div @click="handleClick"></div>
data(){
return{
state:false
}
},
methods:{
handleClick(){
if(this.state){
return false;
}
this.state = true;
//具体的代码
...
this.state = false;
}
}
更多推荐
已为社区贡献17条内容
所有评论(0)