av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - Vue項目中如何使預查詢的顯示框隱藏

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

問題描述

Vue項目中,某個組件中的預查詢的List列表如何點擊除它自己外任意地方使該列表隱藏?

javascript - Vue項目中如何使預查詢的顯示框隱藏代碼如下:1.數據綁定處:javascript - Vue項目中如何使預查詢的顯示框隱藏2.事件綁定:

javascript - Vue項目中如何使預查詢的顯示框隱藏javascript - Vue項目中如何使預查詢的顯示框隱藏3.有的同學會說,將輸入框設置失去焦點事件,,但是如圖的列表顯示,,想要點擊選中列表的值,會是的input先失去焦點,,會照成無法選中列表值的情況發生,,,4.各位路過的同學,瞅一眼啦

問題解答

回答1:

我的項目

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

意思就是點擊不在這個組件內的區域收起彈出框,當然你可以把this.$el改成一個ref來判斷

回答2:

document.addEventListener(’click’, function(e){ //通過判斷e.target 來判斷點擊的元素 當不屬于下拉框和輸入框的時候 隱藏下拉框})回答3:

考慮了之后我覺得 失焦 還是一個比較理想的事件。至于你說的想要點擊選中列表的值,會是的input先失去焦點,,會照成無法選中列表值的情況發生,,,在綁定的 focusout事件上添加代碼如下

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

這樣應該可以解決問題。

回答4:

嗯,那個人說的跟我的一樣

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 91亚洲国产 | 国产精品国产自产拍高清 | 91精品久久久久久久久久 | 亚洲成年影院 | 婷婷国产一区二区三区 | av在线免费观看网址 | 国产精品久久欧美久久一区 | 黄视频免费在线 | 欧美成人一区二区三区 | 欧美色性 | 欧美激情国产精品 | 三级黄色片在线观看 | 成人3d动漫一区二区三区91 | 久久精品男人的天堂 | 高清视频一区二区三区 | 亚洲精品v | 亚洲一区二区三区四区av | 夜夜草 | 精品一区二区三区在线视频 | 亚洲精品在线观看网站 | 激情欧美日韩一区二区 | 成人二区 | 亚洲高清在线 | 色吊丝2288sds中文字幕 | 亚洲国产成人精品一区二区 | 91免费观看国产 | 波多野结衣一区二区 | 在线久草 | 欧美成人一区二区三区 | 精品久久久久国产 | 亚洲第1页 | 91视频观看 | 久久综合99 | 狠狠骚| 久久久久无码国产精品一区 | 成人精品国产免费网站 | 中文字幕第一页在线 | 激情五月婷婷在线 | sese视频在线观看 | 在线观看中文字幕av | 亚洲国产视频一区 |