vue中如何防止多次點擊（防止重復提交）

<div id="app">
      <button @click="submit"  :disabled="isDisable">點擊</button>
</div>

 

data(){
   return{
      isDisable:false
   }
}

 

methods:{
    submit(){
       this.isDisable=true
       setTimeout(()=>{
           this.isDisable=false   //點擊一次時隔兩秒后才能再次點擊
       },2000)
    }
}

 效果:

     

 點擊之后按鈕變灰，兩秒之后可再次點擊

 

 

注：小demo，不喜勿噴

 

                                                                                                                                                                                                                                --- The End