首頁猿問 vuejs...

vuejs 失去焦點，單擊全局隱藏某些浮動元素

JavaScript

精慕HU 2018-08-27 12:14:29

先看圖，我們想實現(xiàn)一個這樣的功能，單擊高級搜索，彈出一個div，div里面是slot進去的，有各種標簽，包括表單元素。再單擊其他區(qū)域，會隱藏這個彈出的div，類似blur事件。麻煩給點思路實現(xiàn)這個組件（功能），寫一個這樣的組件，彈出框的內(nèi)容slot進去，里面的表單可以進行操作輸入，以及動態(tài)渲染dom結(jié)點。請問有朋友實現(xiàn)過類似的功能嗎，麻煩給點思路。

查看完整描述

1 回答

鴻蒙傳說

TA貢獻1865條經(jīng)驗獲得超7個贊

created() {    // 點擊其他不在的區(qū)域觸發(fā)事件    document.addEventListener('click', (e) => {      
console.log(this.$el.contains(e.target));      if (!this.$el.contains(e.target)){          this.isShowDialog = false; 
      }
    })
  }

寫到你組件里

2 反對回復 2018-10-28