Как отправить выбранное значение из выпадающего списка в базу данных?

Question

Tikit @Tikit

Как отправить выбранное значение из выпадающего списка в базу данных?

Здравствуйте подскажите пожалуйста. У меня есть два компонента. "AddFactorComponent.vue" служит для отправки в "Базу данных" внесённые значения, здесь же есть встроенный компонент "Factors_lists.vue", который служит как выпадающий список. Вопрос, как отправить выбранное значение из "Factors_lists.vue" в базу данных.

AddFactorComponent.vue

<template>
  <div class="col-10">
    <div class="container-lg d-flex justify-content-center pt-1">
        <section class="data-tab" style="border: 1px solid white; width: 1200px">
            <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                <a href="/"><button type="button" class="btn-close btn-close-white" aria-label="Close"></button></a>
            </div>
            <div class="mb-3">
                <label for="factory_number" class="form-label">Фактор оцениваемый СИ</label>
                <el-input v-model="factor" autosize type="textarea" placeholder="Введите фактор оцениваемый СИ"/>
            </div>
            <div class="d-grid gap-2" >
                <label for="factory_number" class="form-label">Фактор оцениваемый СИ</label>

            <Factors_lists ></Factors_lists>

            </div>
            <div class="mb-3">
                <label for="factory_number" class="form-label">Оборудование ID</label>
                <el-input v-model="oborudovanie_id " autosize type="textarea"
      placeholder="Введите напоминание"/>
            </div>
            <div class="d-grid gap-2">
                <input @click.prevent="Add" class="btn third" value="Добавить">
            </div>
            <SpisokFactorComponent ref="spisok_factor_component"></SpisokFactorComponent>
        </section>
    </div>
</div>
</template>

Factors_lists.vue

<template>
    <select v-model="selectedfactors_list">Select your option
        <option v-for="factors_list in factors_lists" :key="factors_list.id" :value="factors_list.id">
            {{ factors_list.name }}
        </option>
    </select>
</template>

<script>
export default {
    name: "Factors_lists",
    data() {
        return {
            factors_lists: [],
            selectedfactors_list: null
        }
    },
    mounted() {
        this.getPoluhenie();
    },
    methods: {
        getPoluhenie() {
            axios.get('/api/lists')
                .then(response => {
                    this.factors_lists = response.data;
                })
                .catch(error => {
                    console.error(error);
                });
        }
    }
}
</script>

Контроллер

class Factors_listsController extends Controller
{
    public function index() {
        $items = Factors_lists::all();
        return response()->json($items);
    }
}