Как перенести выбранную дату из календаря в БД?

Question

[Nik32]

Здравствуйте, у меня такой вопрос. Как перенести выбранную дату из календаря в БД? Например у меня есть компонент "CalendarComponent", который я помещаю в другой компонент, для выбора даты. Как мне обратиться к этому компоненту , чтобы через кнопку отправить дату в БД?

CalendarComponent

<template>
    <div class="demo-date-picker">
        <div class="block">
<!--            <span class="demonstration">Emits Date object</span>-->
<!--            <div class="demonstration">Value: {{ value1 }}</div>-->
            <el-date-picker
                v-model="value1"
                type="date"
                placeholder="Pick a Date"
                format="YYYY.MM.DD"
            />
        </div>
    </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const value1 = ref('')

</script>
<style scoped>
.demo-date-picker {
    display: flex;
    width: 100%;
    padding: 0;
    flex-wrap: wrap;
}
.demo-date-picker .block {
    padding: 30px 0;
    text-align: center;
    border-right: solid 1px var(--el-border-color);
    flex: 1;
}
.demo-date-picker .block:last-child {
    border-right: none;
}
.demo-date-picker .demonstration {
    display: block;
    color: var(--el-text-color-secondary);
    font-size: 14px;
    margin-bottom: 20px;
}
</style>

Кнопка отправить (Add)

methods: {
        Add() {
            axios.post('/api/project/pov/', {
                id: this.id,
                name: this.name,
                organization: this.organization,
                comment: this.comment
})                 
                    .then(res => {
                    this.id = null //чтобы после добавления данных в базу, поля подчистились
                    this.name = null //чтобы после добавления данных в базу, поля подчистились
                    this.organization = null //чтобы после добавления данных в базу, поля подчистились
                    this.comment = null //чтобы после добавления данных в базу, поля подчистились
                })
        },

    }

Comments

[Aetae]

Ну почитайте как vue работает, это основы основ. Вниз данные передаются через props вверх летят события через emit. Раз вам надо получить значение сверху, значит ваш компонент снизу должен его emit, а компонент сверху должен его ловить по v-on\@.
Если вы это сами не можете, то нет никакого смысла делать это за вас, потому что буквально весь vue на этом построен.