<template>

<div>
    <userDetail v-if='userdetailShow'></userDetail>
    <el-button @click='detailShow'>详细信息</el-button>
</div>

</template>

data(){

return{
    userdetailShow:false
}

}

created(){

this.keyupSubmit()

},
methods: {
//监听回车事件

keyupSubmit(){
  document.onkeydown=e=>{
    let _key=window.event.keyCode;
    if(_key===13){
      this.adduser()
    }
  }
},
detailShow(){
    this.userdetailShow=true
}

}

在userdetai组件里面 有个确定的button按钮，监听回车事件代码是在userdetail组件里面的，全局绑定回车事件 组件里面的方法 adduser(){

this.userdetailShow=false
巴拉巴拉。。。。}

回车事件绑定成功 但是userdetail这个dailog 在回车事件后 组件v-if绑定的显示属性 会从 true变成false 又变成true

按照需求 以及代码逻辑 回车事件绑定的函数里面 写了this.userdetailShow=false 回车事件绑定 的函数的确都运行了 就是不知道 为什么 thsi.userdetailShow=false 后 又变成了true

但是 如果dailog这个组件 弹出来的时候 如果点击了dailog给过这个dailog焦点 这个情况就不会发生了

求问 这到底是啥原因啊……