选择后关闭 v-autocomplete

Question

我使用 vuetify v-autocomplete，我希望它在每次选择或取消选择后关闭下拉菜单。到目前为止，这是我的代码

<v-autocomplete
  v-model="ddselect"
  :items="dditems"
  @change="ddchange"
  tags
  ref="ddselectRef"
  multiple
  dense
  disable-lookup
  return-object
></v-autocomplete>

然后我看了v-model，基于例子here

ddselect: {
  handler: function() {
    setTimeout(() => {
      this.$refs.ddselectRef.menuIsActive = false;
    }, 50);
  },
  deep: true,
  immediate: true
}

但它不起作用。

我也试过菜单道具

<v-autocomplete
  v-model="ddselect"
  :items="dditems"
  @change="ddchange"
  tags
  ref="ddselectRef"
  multiple
  dense
  disable-lookup
  return-object
  :menu-props="{ closeOnClick:true }"
></v-autocomplete>

我该怎么做？

vue 3.9.3 与 vuetify 2.2.12

谢谢

Answer 1

使用菜单道具是正确的方法，但您正在寻找

:menu-props="{closeOnContentClick:true}"

选择后关闭 v-autocomplete

Close v-autocomplete after selection

vue.js

vuetify.js

v-autocomplete