1. 程式人生 > 其它 >vue中防止按鈕多次點選

vue中防止按鈕多次點選

技術標籤:java

按鈕

<el-button v-if="$route.meta.btns.updateBtn" size="mini" type="warning" icon="el-icon-download"
                           @click="derive" :disabled="disabled">匯出
                </el-button>

return 中定義:

 return
{ disabled:false, }

按鈕呼叫方法

//點完之後十秒開啟按鈕
 derive(){           
                const _this = this;
                _this.disabled = true;
                setTimeout(()=>{
                    _this.disabled = false;
                },10000)
              }

銷燬

var timer =
setTimeout(function(){     console.log(2);   },1000); clearTimeout(timer);