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

Question

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

这是我的验证代码

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

上面的代码返回这个 View

如何显示角色名称而不是 [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>