国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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)文章:
主站蜘蛛池模板: 一级毛片在线免费播放 | 小泽玛利亚的一级毛片的 | 国产亚洲欧美日韩在线观看一区二区 | 亚洲综合日韩精品欧美综合区 | 亚洲一区中文 | 午夜性福| 国产在线99 | 日本视频免费在线播放 | 玖玖精品国产 | 国产精品精品国产一区二区 | 欧美成人高清 | 91av福利| 久久一区二区精品 | 午夜在线成人 | 透逼视频 | 成人欧美精品久久久久影院 | 国产精品在线观看 | 欧美日韩一区二区三区高清不卡 | 国产精品久久亚洲一区二区 | 99久久精品免费看国产一区二区三区 | 欧美亚洲另类在线 | 欧美视频在线观看免费精品欧美视频 | 欧美日韩一区二区中文字幕视频 | 欧美三级色 | 爆操巨乳美女 | 国产成人国产在线观看入口 | 一区二区三区在线播放视频 | 亚洲无吗 | 国产性较精品视频免费 | 欧美一级毛片欧美一级 | 性欧美巨大的视频 | 91精品久久久久 | 久久精品免视着国产成人 | 色婷婷激婷婷深爱五月老司机 | 久久亚洲精品tv | 日本黄色官网 | 国产精品国产三级国产专区5o | 免费人成在线观看视频不卡 | 久久亚洲国产成人影院 | 亚洲天堂小视频 | 中文字幕日韩精品中文区 |