vue中防止按钮多次点击

按钮

<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);