Vue.js Vuetify组合框multiselect with object

我的数据来源是：

[
{
“显示”：“客户端”，
“值”：“客户”
}, 
{
“显示”：“名字”，
“值”：“firstname”
}, 
{
“显示”：“lastname”，
“值”：“lastname”
}
]

我需要保持这种格式

在我的应用程序中，我需要添加键（如添加标记），我使用组合框，我可以显示数据。 但在添加新元素时，它不会保留对象格式

这是我的代码：

{{data.item.display}}

纯文本

全对象显示

---

如何在保持对象格式的同时添加新对象？

您需要查看

v-model=password.key

以对象形式返回值，因为我们的项是对象数组

观察：{
“密码.密钥”（val，上一个）{
if（val.length==prev.length）返回
this.password.keys=val.map（v=>{
if（typeof v=='string'）{
v={
显示：v，
值：v
}
此.items.push（v）
}
返回v
})
}
}

{{getItemText（data.item）}}

方法：{
getItemText（val）{
const item=this.tags.find（（i）=>i.value==val）；
返回项目？项目。文本：“”；
}
}

在将新元素添加到

password.keys

数组后，您可以通过“手动”创建对象来完成此操作。要做到这一点，您可以深入观察对象或将事件处理程序

@change

添加到您的组合框中，一旦触发更改，请检查数组中的strings元素，并根据需要将其转换为对象。可以使用“值比较器”是我想要的，但我不知道如何使用ithttps://vuetifyjs.com/en/components/combobox#comboboxHave

显示

和

值

总是相同的值？是的，现在显示和值是相同的