My v-select的数据是一个对象array.对于每个项目,value是一个属性,而该项目的text是不同的属性.但是我真的需要两样东西,而不仅仅是value.

所以我想我需要找回那个物体.可能吗?

V-select code:

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

This is how the array of items is populated (in mounted hook):

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

推荐答案

添加return-objectprops :

<v-select return-object>

见文件:

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

Vue.js相关问答推荐

Vue3:如何在功能组件中重用插槽vnode

检测Vue3/Vue-test-utils中的Vuex还原/Mutations

V-img不显示文件夹中的图像

VITE:无法为VUE单文件组件加载URL

在移动版本中使用标准的 v-data-table

云Firestore保存额外的用户数据

将props传递给设置时的VueJS 3组合API和TypeScript类型问题:类型上不存在属性 user用户

使用 aria-live 在 vue.js 中向屏幕阅读器宣布信息

Vuetify v-select 组件宽度变化

W3C 验证和 Vue 的 HTML 绑定语法

React.js 是否有类似 Vue.js

Vue devServer 代理没有帮助,我仍然收到 CORS 错误

Vuex - 何时从 http 服务器加载/初始化存储数据

VueJS错误编译模板

如何避免在 Vue 中一直写 this.$store.state.donkey 的需要?

使用 Firebase Auth for Google 将匿名用户转换为注册用户

找不到模块 'babel-core' 但已安装 @babel/core

Vue Cli 3:定义的输出路径

用于身份验证标头的 vue-resource 拦截器

组件(components)