Navigation 使用输入框下vue组件中的箭头键导航

我有一个Vue输入框，通过它可以过滤名称列表。过滤列表（Vue组件）正确显示在输入框下，但我想使用箭头键浏览此列表。问题是钥匙不起作用：

这是输入框和列表的代码：

                    <form method="GET" action="/api/species/" v-ajax>
                    <div class="row">   
                        <div class="col-sm-8 has-success">
                            <input type="text"
                            class="form-control input-lg input-font-mimi-normal"
                            v-model="queryName"
                            v-on:keyup="searchNames"
                            v-on:click="resetQueries"
                            >
                        </div>
                        <div class="col-sm-4">
                            <button type="submit" class="btn btn-primary btn-lg pull-right" v-show="searchingNames"><strong>Search</strong></button>
                        </div>
                    </div>
                </form>
                <div class="row" v-if="!isSearching">
                    <div class="col-sm-8">
                        <species-names :list="searchedNames"></species-names>
                    </div>
                </div>

搜索

您能告诉我们

物种名称

组件的功能吗？