我使用 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
谢谢