选择后关闭v-自动完成

时间:2020-04-13 08:56:31

标签: vue.js vuetify.js 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>

然后我根据示例here

看了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 个答案:

答案 0 :(得分:3)

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

=VLOOKUP(A2,E2:G6,3,0)