vue点击空白处隐藏

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

方法有两种

1.div失去焦点事件：

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

2.监听点击事件

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