添加新值并在组件 Combobox vuetify 中按下 Enter 后如何限制菜单弹出

【问题标题】：How to restrict menu to popup after adding new value and Enter pressed in component Combobox vuetify添加新值并在组件 Combobox vuetify 中按下 Enter 后如何限制菜单弹出
【发布时间】：2019-10-19 22:25:53
【问题描述】：

虽然它在示例中工作，但我的生产代码存在问题。因此，vuetify 中的组合框提供了自动完成结果和添加新自定义变体的功能，但是当按下 Enter 时会弹出菜单。如何禁用此功能？ google 中没有代码示例对此有帮助。

<template>
<v-combobox
  v-model="locationType"
  :items="locationTypes"
  label="Тип локации"
  :loading="locationTypesIsLoading"
  :menu-props="{ closeOnContentClick:true }"
></v-combobox>
</template>

【问题讨论】：

标签： vue.js frontend vuetify.js

【解决方案1】：

我的天啊，我也花了好几个小时试图弄清楚这一点，然后才明白：

添加到您的 v-combobox/自动完成：

<v-autocomplete>
...
@change="onChange()"
refs="mytable"
</v-autocomplete>

然后添加一个新方法：

onChange() {
   this.$nextTick(() => {
   this.$refs.mytable.isMenuActive = false
   })
}

就是这样！！

【讨论】：

谢谢，这也困扰了我很多很多小时。一个错字：我认为您需要 v-autocomplete 属性为“ref”，而不是“refs”。