Закрыть v-автозаполнение после выбора - PullRequest
Новая
       6

Закрыть v-автозаполнение после выбора

1 голос
/ 13 апреля 2020

Я использую 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
}

Но это не работает.

Я тоже пробовал с реквизитами меню 

<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

Спасибо

1 Ответ

2 голосов
/ 13 апреля 2020

Использование меню-реквизита - правильный подход, но вы ищете 

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