第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

<cite id="sypou"></cite>

已解決430363個問題，去搜搜看，總會有你想問的

Vue項目中如何使預(yù)查詢的顯示框隱藏

首頁猿問 Vue項目中如何使預(yù)查詢的顯示框隱藏

Vue項目中如何使預(yù)查詢的顯示框隱藏

JavaScript

繁星coding 2018-11-14 16:19:43

Vue項目中，某個組件中的預(yù)查詢的List列表如何點擊除它自己外任意地方使該列表隱藏？代碼如下：1.數(shù)據(jù)綁定處：2.事件綁定：3.有的同學(xué)會說，將輸入框設(shè)置失去焦點事件，，但是如圖的列表顯示，，想要點擊選中列表的值，會是的input先失去焦點，，會照成無法選中列表值的情況發(fā)生，，，4.各位路過的同學(xué)，瞅一眼啦

查看完整描述

1 回答

慕村9548890

TA貢獻(xiàn)1884條經(jīng)驗獲得超4個贊

mounted () {

/***

* 使得其點擊之外的部分自動收起

*/

document.addEventListener('click', (e) => {

if (!this.$el.contains(e.target)) {

this.reset()

}

})

}

意思就是點擊不在這個組件內(nèi)的區(qū)域收起彈出框，當(dāng)然你可以把this.$el改成一個ref來判斷

反對回復(fù) 2018-12-25

1 回答
0 關(guān)注
827 瀏覽

關(guān)注

添加回答

舉報

0/150

提交

取消

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

<kbd id="sgxmc"></kbd>