問題描述

<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>我原意是點(diǎn)擊這個(gè)input后，有一個(gè)下拉菜單，點(diǎn)擊下拉菜單觸發(fā)searchClick進(jìn)行搜索，但是點(diǎn)擊下拉菜單后，input的blur就觸發(fā)了，下拉菜單消失，無法觸發(fā)點(diǎn)擊事件，應(yīng)該如何解決，前提要點(diǎn)擊空白處會(huì)消失下拉。

問題解答

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