Я новичек во vue и ни как не могу понять как получить данные из дочернего инпута в родительский
//дочерний инпут
<template>
<label :for="inputLabelId" class="input__title">
{{inputTitle}}
<input class="input" :id="inputLabelId" :type="inputType" />
</label>
</template>
<script>
export default {
props: {
inputLabelId: String,
inputType: String,
inputTitle: String
},
data() {
return {};
}
};
</script>
<style scoped>
</style>
// родитей где надо получить значение инпута
<template>
<div class="overlay" v-if="isOpen == true">
<div role="dialog" class="modal">
<form class="modal__form">
<vue-input :inputLabelId="'input__name'" :inputType="'text'" :inputTitle="'name'"></vue-input>
<vue-input :inputLabelId="'input__email'" :inputType="'email'" :inputTitle="'email'"></vue-input>
<vue-input :inputLabelId="'input__phone'" :inputType="'tel'" :inputTitle="'phone number'"></vue-input>
</form>
</div>
</div>
</template>
<script>
import input from "../components/input.vue";
export default {
components: {
"vue-input": input,
},
props: {
modalTitle: String,
modalText: String
},
data() {
return {};
}
};
</script>
<style scoped>
</style>
