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 }) }
原文地址:https://www.cnblogs.com/wjunwei/p/9235375.html