javascript - vue中input的blur影響了下拉的點擊事件如何解決

問題描述

<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就觸發了，下拉菜單消失，無法觸發點擊事件，應該如何解決，前提要點擊空白處會消失下拉。

問題解答

在searchClick($event)中加一個$event.preventDefault();