小编Uch*_*ndu的帖子

选择后关闭 v-autocomplete

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

<v-autocomplete
  v-model="ddselect"
  :items="dditems"
  @change="ddchange"
  tags
  ref="ddselectRef"
  multiple
  dense
  disable-lookup
  return-object
></v-autocomplete>
Run Code Online (Sandbox Code Playgroud)

然后我看v-model, 基于这里的例子

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

但它不起作用。

我也尝试过使用菜单道具

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

我怎样才能做到这一点?

vue 3.9.3 与 vuetify 2.2.12

谢谢

vue.js vuetify.js v-autocomplete

3
推荐指数
1
解决办法
1996
查看次数

标签 统计

v-autocomplete ×1

vue.js ×1

vuetify.js ×1