Vue.js 将整个对象分配给Vuetify v-select v-model

Vue.js 将整个对象分配给Vuetify v-select v-model,vue.js,vuetify.js,Vue.js,Vuetify.js,我使用vuetify select组件,如下所示: “projects”是一个对象数组,因此我可以在item name和item value字段中引用name和id。目前selectedProjects只是一个ID数组,但我希望它是项目中包含的实际选定对象的数组。我该怎么做呢?这行吗 导出默认值{ 数据(){ 返回{ 选定项目:1, 项目:[ {id:1,名字:“John Doe”,艺术家:“某位艺术家”}, {id:2,姓名:“Doe John”,艺术家:“某位艺术家”} ] }; },

我使用vuetify select组件,如下所示:


“projects”是一个对象数组,因此我可以在item name和item value字段中引用name和id。目前selectedProjects只是一个ID数组,但我希望它是项目中包含的实际选定对象的数组。我该怎么做呢?

这行吗


导出默认值{
数据(){
返回{
选定项目:1,
项目:[
{id:1,名字:“John Doe”,艺术家:“某位艺术家”},
{id:2,姓名:“Doe John”,艺术家:“某位艺术家”}
]
};
},
计算:{
选择项目(){
返回此.projects.map(项目=>{
返回{
值:project.id,
text:project.name
};
});
}
},
方法:{
filterMe(){
让item=this.projects.filter(
project=>this.project==project.id
)[0];
控制台日志(项目);
}
}
};

当您选择一个选项时,它将使用对象ID作为v型,但显示文本作为选择值,您应该能够在需要时过滤ID。

您应该能够通过设置
返回对象
属性来获取所选对象,该属性描述如下:

更改选择行为以直接返回对象,而不是 大于使用项值指定的值