0

我正在尝试使用以下代码在 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: '+989188455223'},
   {id: 2, name: 'iman2', mobile: '+989188455224'},
   {id: 3, name: 'iman3', mobile: '+989188455225'},
]

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

4

2 回答 2

0

将选项更改为

:items="itemsAutoAssign"

于 2021-01-21T08:47:07.380 回答
0

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

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

于 2021-01-21T08:53:09.167 回答