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>

条目对象具有 specialty 属性，初始专业名称显示在选择项上。我认为问题是 v模型，它具有整个专业对象。我试图将v模型设置为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

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

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

1 个答案: