文章詳情頁
javascript - vue中input的blur影響了下拉的點擊事件如何解決
瀏覽:144日期: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. 對mysql某個字段監控的功能2. javascript - windows下如何使用babel,遇到了困惑3. html5 - ElementUI table中el-table-column怎么設置百分比顯示。4. javascript - js中向下取整5. python - 為什么正常輸出中文沒有亂碼,zip函數之后出現中文編程unicode編碼的問題,我是遍歷輸出的啊。6. html - vue項目中用到了elementUI問題7. showpassword里的this 是什么意思?代表哪個元素8. java enum 變量不能再case里面重復定義?9. JavaScript事件10. javascript - table列過多,有什么插件可以提供列排序和選擇顯示列的功能
排行榜
