【已解决】监听 vue点击Div外层 的事件,并实时销毁。
watch:{show_login_out(newVal, oldVal){if(newVal === true){alert('开始监听')// 若显示,则监听失去焦点事件。document.addEventListener('click',...
·
1、场景
2、代码
watch:{
show_login_out(newVal, oldVal){
if(newVal === true){
alert('开始监听')
// 若显示,则监听失去焦点事件。
document.addEventListener('click',this.click_out_side, true);
}else{
alert('事件销毁')
// 不显示,销毁监听事件。
document.removeEventListener("click", this.click_out_side, true);
}
}
},
methods:{
click_out_side(e){
if(!this.$el.contains(e.target)){
alert('触发点击外面')
this.show_login_out = false;
}
},
}
更多推荐
已为社区贡献11条内容
所有评论(0)