Javascript 选择id和显示名称

我有这个阵列：

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>

这是一把小提琴

所以我显示id和set id，若我更改了name的项目文本，它将设置name。

---

如何操作？

您必须使用项目文本和项目值来拆分值和标签：

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

---

必须使用项目文本和项目值拆分值和标签：

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

---

我没有完全理解这个问题，但也许这个小小的改变可以帮助你在选择屏幕上显示我的名字。例如，当选择绿色时，它设置的是id而不是名称。使用

item text=“name”

和

item value=“id”

我并没有完全理解这个问题，但可能这个小小的更改有助于您在选择屏幕上显示名称。如果选择绿色，则设置id而不是名称。使用

item text=“name”

和

item value=“id”