vue点击空白处隐藏

发表于 | 分类于

Vue点击空白处隐藏–适用于pc菜单展开的隐藏

方法有两种

1.div失去焦点事件：

1
2
<div @click="show()" :tabindex="-1" @blur="hide()">hide</div>
//hide方法里控制v-if,v-show

2.监听点击事件

1
2
3
4
5
document.addEventListener("click", e => {
      console.log(e.target);
      if (!this.$el.contains(e.target)) this.show = false;
    });
//this.show 为data中控制v-if,v-show的属性

shadow wechat
扫一扫，关注微信公众号。