情景:有时候点击按钮的代码执行比较耗时,在此期间用户如果重复点击,会造成重复执行的情况。
思路:使用一个变量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;
  }
}
Logo

前往低代码交流专区

更多推荐