vue中input的blur影响了下拉的点击事件如何解决
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
<input class="search-ipt" type="search" autocomplete="off" name="search" value=""
[@focus](/user/focus)="inFocus()" [@blur](/user/blur)="inBlur()" v-model="val" [@keydown](/user/keydown).enter="search()">
<ul class="search-result clearfix" v-show="headerStatus">
<li v-for="item in results">
<div>
<span class="item-name" @click="searchClick($event)">{{item.name}}</span>
<span class="item-num">约有{{item.number}}件</span>
</div>
</li>
</ul>
我原意是点击这个input后,有一个下拉菜单,点击下拉菜单触发searchClick进行搜索,但是点击下拉菜单后,
input的blur就触发了,下拉菜单消失,无法触发点击事件,应该如何解决,前提要点击空白处会消失下拉。