Как реализовать v-select во vue?

Question

[Luchiniel]

Добрый вечер! Подскажите, пожалуйста, как реализовать select в компоненте vue. Обычный вариант, когда в родителе массив типа arr:['a', 'b', 'c'] ясен. Дочерний элемент через пропсы получает доступ к массиву и использует. Но вот если вид массива[{id:0, name:'Tony'}{id:0, name:'Lia'}], то не понимаю, как реализовать вывод name в select. Может есть смысл в дочернем компоненте из исходного массива получить новый объект, содержащий только ключ и значение name? Но тогда к чему привязате эту функцию? К v-select? Через что? Помогите, пожалуйста, разобраться с логикой

Answer 1

[0xD34F]

Слоты. Так. Или так.

Comments

[Luchiniel]

Спасибо большое!

Answer 2

[Luchiniel]

Вариант через vuetify, вдруг пригодится. В родителе в data массив

statuses: [
                {status: 20, label: 'в работе'},
                {satus: 55, label: 'выполнено'},
                {status: 34, label: 'завершено'}
            ]

В дочернем - через props принимаем этот массив, реализуем селект:

<v-select  
                :items="statuses"
                :item-text="'label'"  >
                </v-select>