Javascript 按键时未触发事件

Javascript 按键时未触发事件,javascript,vue.js,Javascript,Vue.js,要求-我有可搜索的下拉列表,最初我不会有任何下拉列表项,但一旦用户输入一封信,我希望调用一个api,该api将给我一个以该信开头的下拉列表项(例如键入a应返回apple、ant…等) 简而言之,我需要一个带有下拉列表的输入字段。(类似于谷歌搜索) 按键事件在multiselect中不起作用,有@change等事件可用于选择multiselect的下拉项,但我希望按键起作用并触发事件。- 我使用了一个npm软件包-,(我们不能用普通的输入字段来实现这一点,对吗?按键可以在那里工作,但是如何将它与下

要求-我有可搜索的下拉列表,最初我不会有任何下拉列表项,但一旦用户输入一封信,我希望调用一个api,该api将给我一个以该信开头的下拉列表项(例如键入a应返回apple、ant…等)

简而言之,我需要一个带有下拉列表的输入字段。(类似于谷歌搜索)

按键事件在multiselect中不起作用,有@change等事件可用于选择multiselect的下拉项,但我希望按键起作用并触发事件。-

我使用了一个npm软件包-,(我们不能用普通的输入字段来实现这一点,对吗?按键可以在那里工作,但是如何将它与下拉菜单结合起来?)


有人能帮我解决这个问题吗?如果问题出在程序包上,它无法触发一个向上键事件,有人能为此建议另一个程序包吗?

好的,我已经检查了该组件的代码库,没有@keydown事件,因为父级不是输入。它包在一个div里

更新搜索词时会触发一个可以看到的事件

您要侦听的事件是
@search change

e、 g


但是请注意,在调用
搜索更新
事件时触发api调用将对api发送垃圾邮件。你会想看看去Bouncing

<multiselect v-model="value" :options="websites" label="url" track-by="url" :allow-empty="false" class="header-select mr-3" v-on:keyup.enter="submit"></multiselect>
    <multiselect
    v-model="value"
    :options="websites"
    label="url"
    track-by="url"
    :allow-empty="false"
    class="header-select mr-3"
    @search-update="myFunctionThatWillTriggerSomething"
    v-on:keyup.enter="submit"/>