@onfront34
Frontend developer.

Как получить данные инпута из дочернего компонента в родительский?

Я новичек во 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>
  • Вопрос задан
  • 610 просмотров
Решения вопроса 1
@onfront34 Автор вопроса
Frontend developer.
Вот нашел решение в статье https://paulund.co.uk/use-v-model-on-custom-vue-co...
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@alexmixaylov
если вы не используете VUE STORE
можете при помощи emit прокинуть данные в родительский компонент
https://ru.vuejs.org/v2/api/#vm-emit
Ответ написан
Ваш ответ на вопрос

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

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