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 }) }
复制代码

 

posted @   wjw_Dream  阅读(5810)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示