vue点击菜单以外区域,隐藏菜单操作

Posted wjunwei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue点击菜单以外区域,隐藏菜单操作相关的知识,希望对你有一定的参考价值。

data() {
      return {
        menuShow: false //v-show标识隐藏显示
      }
},


mounted (){
      let _this = this;
      document.addEventListener(‘click‘, function (e) {
      let flag = e.target.contains(document.getElementsByClassName(‘menu-class‘)[0]);
      console.log(flag);
      if(!flag) return;
      _this.menuShow = false;
       
      })
}

 

以上是关于vue点击菜单以外区域,隐藏菜单操作的主要内容,如果未能解决你的问题,请参考以下文章

vue.js 左侧二级菜单显示与隐藏切换的实例代码

vue实现点击左侧菜单,右侧跟着显示隐藏

vue 点击 除某元素以外的区域关闭弹窗

简单的侧滑菜单实现

如何在 Android 中显示和隐藏菜单项?

Android 实现点击输入框以外的区域隐藏软键盘