<div>

<userDetail v-if='userdetailShow'></userDetail>

<el-button @click='detailShow'>详细信息</el-button>

</div>

data(){

return{

userdetailShow:false

}

}

created(){

this.keyupSubmit()

},

methods: {

//监听回车事件

keyupSubmit(){

document.οnkeydοwn=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焦点 这个情况就不会发生了

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