Vue.js 在v-autocomplete中重置选择值，以便添加多个项目

我正在创建一个应用程序，它有一个选择框，可以在一些模板数据之间进行选择。但是，用户应该能够多次选择相同的模板选项，并且每次选择模板时，屏幕上都会出现一个新的信息框

我的问题是v-autocomplete组件不支持这种行为：我们可以选择一个选项或多个选项，但不能选择同一个选项两次

我考虑过这样做：每次用户选择选项A时，信息框就会出现在下面，组件就会重置为空选项。然后，用户可以再次选择选项A，当他选择它时，会出现另一个信息框，显示用户需要它的次数

如何使用vue执行类似的操作？我没有发现任何组件会在默认情况下执行类似的操作，所以我想我必须调整组件的行为，但我不知道从哪里开始

我的模板：

和我的Vue代码：

从@vue/composition api导入{defineComponent}； 从Vue导入Vue； 界面选择项{ 名称：string， 值：字符串 } 界面选择BoxProps{ 项目：选择项目[]； 值：字符串； onSelect:{target}:{target？：SelectItem}=>void； 选择：布尔型； } 导出默认定义组件{ 姓名：SelectBox， 道具：{ 标签：字符串， 项目：阵列， 值：[字符串，数字]， onSelect：函数， 禁用：布尔， 所需：{ 类型：布尔型， 默认值：false }, hasError:Boolean， errorMessage:String， 选择：{ 类型：布尔型， 默认值：false } }, 指令：{ 点击外部 }, 安装程序{onSelect，hasResetSelection}:SelectBoxProps{ const onChange=selectedValue:string，itemsar:SelectItem[]=>{ const targetItem=itemsArr.findi=>i.value==selectedValue； 如果已重置选择{ Vue.nextTick=>{ console.logonselect应重置值； 返回onSelect{target:{name:，value:}； }; } 返回onSelect{target:targetItem}； }; 返回{ 一旦改变 }; } };

---

这是我最后一次尝试Vue.nextTick，我已经尝试用ref调整组件，但效果不好。您有什么建议吗？

您可以使用另一个变量来保存自动完成组件的输入，如下所示：

var app=新的Vue{ el:“应用程序”， vuetify：新的vuetify， 数据：{ 项：[{name:'hello'，value:1}，{name:'world'，value:2}]， 值：null， 值：[] }, 方法：{ 一旦改变{ this.values.pushthis.value 这个。$nextTick=>{ this.value=null } }, } } 值：{{Values}}