国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

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

瀏覽:202日期:2023-06-07 18:31:58

問(wèn)題描述

Vue項(xiàng)目中,某個(gè)組件中的預(yù)查詢的List列表如何點(diǎn)擊除它自己外任意地方使該列表隱藏?

javascript - Vue項(xiàng)目中如何使預(yù)查詢的顯示框隱藏代碼如下:1.數(shù)據(jù)綁定處:javascript - Vue項(xiàng)目中如何使預(yù)查詢的顯示框隱藏2.事件綁定:

javascript - Vue項(xiàng)目中如何使預(yù)查詢的顯示框隱藏javascript - Vue項(xiàng)目中如何使預(yù)查詢的顯示框隱藏3.有的同學(xué)會(huì)說(shuō),將輸入框設(shè)置失去焦點(diǎn)事件,,但是如圖的列表顯示,,想要點(diǎn)擊選中列表的值,會(huì)是的input先失去焦點(diǎn),,會(huì)照成無(wú)法選中列表值的情況發(fā)生,,,4.各位路過(guò)的同學(xué),瞅一眼啦

問(wèn)題解答

回答1:

我的項(xiàng)目

mounted () { /*** * 使得其點(diǎn)擊之外的部分自動(dòng)收起 */ document.addEventListener(’click’, (e) => {if (!this.$el.contains(e.target)) { this.reset()} }) }

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

回答2:

document.addEventListener(’click’, function(e){ //通過(guò)判斷e.target 來(lái)判斷點(diǎn)擊的元素 當(dāng)不屬于下拉框和輸入框的時(shí)候 隱藏下拉框})回答3:

考慮了之后我覺(jué)得 失焦 還是一個(gè)比較理想的事件。至于你說(shuō)的想要點(diǎn)擊選中列表的值,會(huì)是的input先失去焦點(diǎn),,會(huì)照成無(wú)法選中列表值的情況發(fā)生,,,在綁定的 focusout事件上添加代碼如下

eventHandler (event) { event.preventDefault() // 這里設(shè)置input 綁定的data this.bisible = false}

這樣應(yīng)該可以解決問(wèn)題。

回答4:

嗯,那個(gè)人說(shuō)的跟我的一樣

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 一级特级毛片免费 | 欧美精品a毛片免费观看 | 99aiav国产精品视频 | 亚洲好视频 | 亚洲视频在线观看视频 | 偷偷操不一样的久久 | 亚洲欧美国产高清va在线播放 | 日本黄色毛片 | 亚洲精品亚洲人成在线麻豆 | 国产精品欧美韩国日本久久 | 99爱视频精品免视看 | 久久毛片久久毛 | 成人18免费网站 | 午夜影院黄 | 久久福利青草精品资源站 | 在线观看a网站 | 久久视频在线播放视频99re6 | 在线中文字幕日韩 | 精品在线观看一区 | 中文字幕有码在线视频 | 国产成人 免费观看 | 久久久久久免费播放一级毛片 | 精品国产免费第一区二区三区日韩 | 色综合视频一区二区观看 | 国产午夜永久福利视频在线观看 | 美女视频永久黄网站免费观看国产 | 国产九九精品 | 欧美精品成人一区二区在线观看 | 在线视频亚洲欧美 | 97超频国产在线公开免费视频 | 亚洲天堂美女 | 欧美一级片在线视频 | 女人张开腿 让男人桶视频 女人张开腿等男人桶免费视频 | 成人亚洲网站 | 成人视视| 五月久久噜噜噜色影 | 最近最新中文字幕免费的一页 | 一区二区成人国产精品 | 亚洲人成网站在线观看播放 | 一级毛片免费不卡 | 亚洲成人免费视频 |