Vue.js Vue v-select对象数组

Vue.js Vue v-select对象数组,vue.js,vuetify.js,Vue.js,Vuetify.js,我试图将一个对象数组绑定到一个v-select,这样当用户选择一个选项时,我就可以访问与该选项关联的多个数据点。但是,我只希望它在下拉列表中显示一个值,即名称。如果我使用itemText让它在下拉列表中正确显示,它只会将它绑定到该名称,而我无法访问与它相关的其余信息 例如,以下是我的对象数组: memberships = [{ memberExpirationDate: (...), memberUsername: 'John Jones', members

我试图将一个对象数组绑定到一个v-select,这样当用户选择一个选项时,我就可以访问与该选项关联的多个数据点。但是,我只希望它在下拉列表中显示一个值,即名称。如果我使用itemText让它在下拉列表中正确显示,它只会将它绑定到该名称,而我无法访问与它相关的其余信息

例如,以下是我的对象数组:

    memberships = [{
     memberExpirationDate: (...),
     memberUsername: 'John Jones',
     membershipId: 234
     membershipProfileName: 'Sample Profile Name'
    }]
这是我的v-select:

    <v-select v-model="selectedMember"
       :items="memberships"
       item-text="membershipProfileName"
       filled
       required>
    </v-select>


然后,当我想使用
selectedMember
时,它被设置为“Sample Profile Name”,而不是整个成员身份对象。如何将值绑定到整个对象?

v-select
上使用
return object
属性似乎是返回整个对象的最简单方法,而不仅仅是返回所选成员的名称

只需添加
return对象
prop,每次都会返回整个对象,如下所示:


@Linx-希望这能回答您的问题,但如果您还有其他问题与此相关,或者这里有什么需要详细解释的,请告诉我。就这样!非常感谢,很高兴能帮忙!