vue.js - 如何在 v-model 中获取对象？验证

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"
}]

我需要访问property用户在密钥应该是什么时选择的字段long。所以我想知道是否有一种方法可以让 v-model 保存整个对象，以便我可以访问property表单的其他部分？如果不是，那么我可以用来解决问题的替代方法是什么？

我非常感谢任何帮助

Answer 1

不，这会违背 Vue 本身的核心概念。

相反，让我们使用 getter：

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

此处的伪代码，请确保使其类型和选择器安全。