Задать вопрос
kl1mmm
@kl1mmm
Хто я?

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

Столкнулся с проблемой того, что не могу вывести данные из своих Input-ов в родительский элемент. Старался действовать согласно документации, при выводе данные исправно выводятся в консоль (при проверке), но в родительском элементе уже получаю "undefind" ответы.
Код Input-а:
<InputText :value="userName" @input="userName = $event.target.value" class="inp" type="text" placeholder="Иванов Иван Иванович"></InputText>

Код JS, который использую для передачи в родительский элемент:
addNewPlayer() {
      this.$emit('addNewPlayer', this.userName, this.userAge)
    }


В свою очередь, в родительском элементе всё описываю следующим образом:
<MyPopUp @addNewPlayer="addNewPlayerInConsole" class="Popup" @closePopup="closePopupInfo" v-if="isPopupVisible"></MyPopUp>

По клику на кнопку вызываю функцию по добавлению этих данных: addNewPlayerInConsole(); Но уже на этапе проверки путём использования console.log(this.userName), результат: undefind.

Сами данные описаны следующим образом:
playersData: [
        {
          ID: '1',
          PlayerName: 'Александров Игнат Анатолиевич',
          Age: '24',
          Sex: 'Женский',
          Status: 'Заблокирован',
          DateOfCreate: '12 октября 2021',
          DateOfEdit: '22 октября 2021'
        }]


Подскажите пожалуйста, в чём может состоять моя ошибка и каким образом могу внести эти данные? Нужно использовать this.playersData.push() или же другой способ?
Буду весьма признателен за конструктивный ответ и помощь!
  • Вопрос задан
  • 68 просмотров
Подписаться 1 Средний 2 комментария
Решения вопроса 1
Wispik
@Wispik
addNewPlayerInConsole(name, age) {
    console.log(name) 
    console.log(age)
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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