如何使用 v-select 获取单个值而不是对象

问题描述

我正在尝试使用以下代码绑定 v-select 自动完成中的对象列表

<v-select
   label="name"
   id="auto_assign"
   name="auto_assign"
   item-text="name"
   item-value="id"
   :filterable="false"
   :options="itemsAutoAssign"
   v-model="params.requester_id"
   @search="getItemsAutoAssign">
      <template slot="no-options"> Type to search </template>
</v-select>

itemsAutoAssign 有这样的结构

[
   {id: 1,name: 'iman1',mobile: '[phone]'},{id: 2,name: 'iman2',mobile: '[phone]'},{id: 3,name: 'iman3',mobile: '[phone]'},]

但改变值后，params.requester_id 值是一个对象。我只需要 id 而不是整个对象。 我可以更改提交按钮中的值，但我需要最佳实践和正确方法。

解决方法

将选项更改为

:items="itemsAutoAssign"

,

您可以使用 item-text 和 item-value 自定义 v-select 的文本和值。如需更多信息，请参阅here。

尽管如此，您的代码似乎是正确的，只是 v-select 没有 options 属性。应该是 items。