文章詳情頁
javascript - vue中input的blur影響了下拉的點擊事件如何解決
瀏覽:256日期:2022-12-26 18:08:11
問題描述
<input type='search' autocomplete='off' name='search' value='' @focus='inFocus()' @blur='inBlur()' v-model='val' @keydown.enter='search()'><ul v-show='headerStatus'> <li v-for='item in results'><p> <span @click='searchClick($event)'>{{item.name}}</span> <span class='item-num'>約有{{item.number}}件</span></p> </li></ul>我原意是點擊這個input后,有一個下拉菜單,點擊下拉菜單觸發searchClick進行搜索,但是點擊下拉菜單后,input的blur就觸發了,下拉菜單消失,無法觸發點擊事件,應該如何解決,前提要點擊空白處會消失下拉。
問題解答
回答1:在searchClick($event)中加一個$event.preventDefault();
標簽:
JavaScript
相關文章:
1. javascript - immutable配合react提升性能?2. javascript - sublime快鍵鍵問題3. 配置Apache時,添加對PHP的支持時語法錯誤4. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?5. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~6. phpstudy8.1支持win11系統嗎?7. javascript - nodejs關于進程間發送句柄的一點疑問8. 實現bing搜索工具urlAPI提交9. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化10. javascript - 移動端上不能實現拖拽布局嗎?
排行榜

網公網安備