vue中防止按鈕多次點選
阿新 • • 發佈:2021-01-05
技術標籤: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);