@Luchiniel

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

Добрый вечер! Подскажите, пожалуйста, как реализовать select в компоненте vue. Обычный вариант, когда в родителе массив типа arr:['a', 'b', 'c'] ясен. Дочерний элемент через пропсы получает доступ к массиву и использует. Но вот если вид массива[{id:0, name:'Tony'}{id:0, name:'Lia'}], то не понимаю, как реализовать вывод name в select. Может есть смысл в дочернем компоненте из исходного массива получить новый объект, содержащий только ключ и значение name? Но тогда к чему привязате эту функцию? К v-select? Через что? Помогите, пожалуйста, разобраться с логикой
  • Вопрос задан
  • 63 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Пригласить эксперта
Ответы на вопрос 1
@Luchiniel Автор вопроса
Вариант через vuetify, вдруг пригодится. В родителе в data массив
statuses: [
                {status: 20, label: 'в работе'},
                {satus: 55, label: 'выполнено'},
                {status: 34, label: 'завершено'}
            ]


В дочернем - через props принимаем этот массив, реализуем селект:
<v-select  
                :items="statuses"
                :item-text="'label'"  >
                </v-select>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы