4

我使用 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根据此处的示例观看

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

但它不起作用。

我也试过 menu-props

<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

谢谢

4

1 回答 1

10

使用 menu-props 是正确的方法，但您正在寻找

:menu-props="{closeOnContentClick:true}"
于 2020-04-13T09:45:17.493 回答