Vuejs Vuetify, как получить доступ к свойствам объекта в v-select

Мой вариант использования.

Я получил массив объектов из внутреннего API.

Я хочу визуализировать эти объекты вv-select

Это мой код.

<v-select
:items="categories"
 name="category"
 label="Select a category"
 v-model="category"
 v-validate="'required'">
</v-select>

Но это дает мне результат.

Но я хочу, чтобы свойство имени объекта отображалось в v-select

Мы бы сделали это в ванильном Vue.js.

<li v-for="cat in categories":key="cat.name">{{cat.name}}</li>

Но здесь с vuetify мы не можем этого сделать.

:items="categories.name"

Проверка документации

Может быть массивом объектов или массивом строк. При использовании объектов будет искать поле текста и значения. Это можно изменить с помощью реквизитов item-text и item-value.

Что они на самом деле имеют в виду item-textи item-value как мне добиться этого, используяitem-text

Решение проблемы

Для тех, кто все еще ищет, свойства item-name и item-value используются, чтобы указать, какое значение возвращать для имени и значения из элемента. Если вы хотите отобразить только имя, но оставить весь объект в качестве значения, то свойство return-object вернет весь объект в v-модели.

Ознакомьтесь с документацией по адресу: https://vuetifyjs.com/en/components/selects/#custom-text-and-value.

<v-select:items="categories" v-model="category" name="category"
v-validate="'required'" item-text="name" return-object label="Select a category"
/>