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 @ 2018-06-27 18:14  wjw_Dream  阅读(5778)  评论(0编辑  收藏  举报