如何在V模型中获取对象?Vuetify

Question

我正在使用 v-autocomplete以形式获取用户的输入。

<v-autocomplete
       v-model="selected"
       :items="items"
       item-text="short"
       item-value="long"
       chips
       deletable-chips/>

items的结构是这样的：

[
   {
    "long": "item-key",
    "property": [
        {
            "long": "I dont need this",
            "short": "this is what I need"
        }
    ],
    "short": "item-text"
}]

，我需要访问用户在键是long时选择的property字段。因此，我想知道V-Model是否有一种将整个对象保存的方法，以便我可以在表单的其他部分访问property？如果不是这样，我可以用什么方法来解决问题？

我非常感谢任何帮助

Answer 1

否，这将违背其自我的核心概念。

相反，让我们使用一个getter：

get selectedItemObject() {
    return this.items.filter(obj => obj.property[0].long === this.selected)
}

psueo代码在这里，确保将其键入和选择器安全。