vue中input的blur影响了下拉的点击事件如何解决
发布于 7 年前 作者 qw545627843 6050 次浏览 最后一次编辑是 7 年前 来自 问答
粉丝福利 : 关注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就触发了,下拉菜单消失,无法触发点击事件,应该如何解决,前提要点击空白处会消失下拉。
回到顶部