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

Question

我有一个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>