单击v选择项时如何获取对象而不是单个值?

时间:2018-12-02 17:26:47

标签: vue.js vuetify.js

我的v-select的数据是一个对象数组。对于每个项目,value是一个属性,而该项目的text是一个不同的属性。但是,我确实需要检索两者,而不仅是value

所以我想我需要检索该对象。有可能吗?

V选择代码

<v-select
  :items="projects"
  v-model="project"
  item-text="projectName"
  item-value="projectId"
  solo
></v-select>

这是物品阵列(在安装的挂钩中)的填充方式

querySnapshot.forEach((doc) => {
  let data = {
    'projectId': doc.id,
    'projectName': doc.data().name,
    'clientId': doc.data().clientId
  }
  this.projects.push(data);
});

1 个答案:

答案 0 :(得分:1)

添加return-object道具:

<v-select return-object>

查看文档:

https://vuetifyjs.com/en/components/selects#example-custom-text-and-value