如何自定义 vuetify 的 v-select 语句的值？

Question

我正在尝试将对象数组传递给 v-select :items。我想显示每个选项的对象名称。我的角色格式如下[{ id: '1', name: 'admin' }, { id: '2', name: 'guest' } ]

这是我的 vuetify 代码

<v-select
    :items="roles"
    v-model="value"
    label="Select Role"
 ></v-select>

上面的代码返回这个视图

如何显示角色名称而不是 [object object]

Answer 1

使用item-name和item-value道具

<v-select
    :items="roles"
    item-text="name"
    item-value="id"
    v-model="value"
    label="Select Role"
 ></v-select>