首页 > 其他 > 详细

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

时间:2018-06-27 18:44:52      阅读:691      评论:0      收藏:0      [点我收藏+]
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点击菜单以外区域,隐藏菜单操作

原文:https://www.cnblogs.com/wjunwei/p/9235375.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!