Задать вопрос
@Snowyyy

Laravel+vue как сделать выпадающий список?

Здравствуйте подскажите, Laravel+Vue как сделать выпадающий список из БД? Ну то есть в базе данных есть таблица с данными, не знаю как можно отобразить в выпадающем списке?
  • Вопрос задан
  • 322 просмотра
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
Enokin
@Enokin
Full-stack разработчик
1. Создание API-эндпоинта в Laravel.
public function index() {
    $items = Item::all();
    return response()->json($items);
}

// api.php

Route::get('/items', 'ItemController@index');

2. Создание компонента Vue.js. В коде используется axios для отправки HTTP-запросов npm install axios
// ItemSelect.vue

<template>
    <select v-model="selectedItem">
        <option v-for="item in items" :key="item.id" :value="item.id">
            {{ item.name }}
        </option>
    </select>
</template>

<script>
export default {
    data() {
        return {
            items: [],
            selectedItem: null
        }
    },
    mounted() {
        this.fetchItems();
    },
    methods: {
        fetchItems() {
            axios.get('/api/items')
                .then(response => {
                    this.items = response.data;
                })
                .catch(error => {
                    console.error(error);
                });
        }
    }
}
</script>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@lil_koi
лучший из худших
что кокретно ты не можешь сделать? Готового кода нет
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы