如何在v模型中获取对象?威化

时间:2019-03-07 21:58:49

标签: vue.js customization vuetify.js v-model v-select

我正在使用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模型容纳整个对象,以便我可以访问表单其他部分的property?如果不是,那我可以用什么替代方法解决问题呢?

非常感谢您的帮助

1 个答案:

答案 0 :(得分:0)

不,这与Vue本身的核心概念背道而驰。

相反,让我们使用吸气剂:

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

此处输入Suseo代码,请确保其类型和选择器安全。