选择 id 并显示名称答案

【问题标题】：Select id and display Name选择 id 并显示名称
【发布时间】：2019-11-13 18:20:06
【问题描述】：

我有这个数组：

colors = [ { "id": 0, "name": "red" }, { "id": 1, "name": "blue" }, { "id": 2, "name": "green" } ]

我想在 vuetify 中显示选择菜单并设置 Id 值。

我用这个；

<v-select
    v-for="cin colors"
    :items="colors"
    v-model="color.id"
    label="tag"
    item-text="id"
    outlined
    dense
>
</v-select>

这是一个小提琴 https://jsfiddle.net/sebastianczech/f3c54tsr/8/

所以我显示 id 并设置 Id ，如果我更改 name 的 item-text ，它会设置 name 。我该怎么办？

【问题讨论】：

我没有完全明白这个问题，但也许这个小小的改变可以帮助你jsfiddle.net/n9L2pa3o
我想在选择屏幕上有名字。 When a choose for example green , it set the id and not the name.
使用item-text="name"和item-value="id"

标签： javascript vuejs2 vuetify.js

【解决方案1】：

您必须使用 item-text 和 item-value 来拆分值和标签：

 <v-select
   :items="colors"
   item-text="name"
   item-value="id"
   v-model="selectedValue"
   label="color"
   >
</v-select>

数据：

  data() {
    return {
      selectedValue: '',
        colors: [ { "id": 0, "name": "red" }, { "id": 1, "name": "blue" }, { "id": 2, "name": "green" } ]
     }
   }

【讨论】：