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 }) }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM