在項(xiàng)目中往往會(huì)有這樣的需求： 彈出框（或Popover）在 show 后，點(diǎn)擊空白處可以將其 hide。

創(chuàng)新互聯(lián)建站長期為成百上千客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為瓜州企業(yè)提供專業(yè)的成都網(wǎng)站制作、成都做網(wǎng)站，瓜州網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

針對此需求，整理了三種實(shí)現(xiàn)方式，大家按實(shí)際情況選擇。

當(dāng)然，我們做項(xiàng)目肯定會(huì)用到 UI 框架，常見的 Element 中的組件提供了這樣的方法。

但是，就算使用框架，有些時(shí)候還是要用到的，比如：

Element 中的 Popover，當(dāng)我們想使用手動(dòng)方式(trigger 觸發(fā)方式為 manual時(shí))控制它的 show & hide 的時(shí)候，就要自己實(shí)現(xiàn)這個(gè)功能啦。

第一種方式：最普通的手動(dòng)監(jiān)聽判斷

  
   
啦啦啦
   show
  

本文標(biāo)題：Vue實(shí)現(xiàn)點(diǎn)擊空白處隱藏某節(jié)點(diǎn)的三種方式(指令、普通、遮罩）-創(chuàng)新互聯(lián)
地址分享：http://weahome.cn/article/ceodgh.html