Столкнулся с проблемой того, что не могу вывести данные из своих 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() или же другой способ?
Буду весьма признателен за конструктивный ответ и помощь!