Vuetify - 在 v-select 上获取对象的单个属性

Question

我正在使用 Vuetify 创建一个表单，该表单在某些输入上具有初始值，并且这些值来自对象。 基本上，对象有两个重要的属性：name 和id。遵循 Vuetify 文档，我使用 item-text 道具在 v-select 和 item-value 上显示对象的名称，以便在选择选项时返回对象的 ID。选择另一个选项时，它会按预期返回ID。但是，如果初始选项没有改变，则返回值是整个对象，而不仅仅是 id。

上下文是这样的：

       <v-select
          label="Select an specialty..."
          v-model="entry.specialty"
          :items="specialties"
          :item-text="item=>item.name"
          :item-value="item=>item.id"
        ></v-select>

entry 对象具有 specialty 属性，并且初始专业的名称显示在选择上。我认为问题在于 v-model，它具有整个专业对象。我尝试将 v-model 设置为 entry.specialty.id，但它没有按预期工作。

如果我可以提供更多信息，请告诉我。

Answer 1

尝试设置属性return-object：

<v-select
  label="Select an specialty..."
  v-model="entry.specialty"
  :items="specialties"
  :item-text="item=>item.name"
  :item-value="item=>item.id"
  :return-object="false"
/>

return-obejct 可以是：true 或 false

如果这不起作用，请发布整个组件代码。