Всем привет!
Столкнулся с такой проблемой.
Есть родительская страница с формой.
Части формы сделаны в виде компонентов (по шагам)
В компонентах через $root.$emit передаю значения полей
formStep1Data () {
this.$root.$emit('formStep1Data', {
mesto: this.selectedMesto,
mode: this.selectedMode
})
console.log('Формируем данные в компоненте 1')
}
В родительской в mounted через $root.$on получаю данные из компонентов
mounted () {
this.$root.$on('formStep1Data', function ({ mesto, mode }) {
console.log('Место ' + mesto)
console.log('Режим ' + mode)
})
}
Далее мне нужно полученные из компонентов данные передать в базу при сабмите формы.
Но я никак не могу их выцепить из mounted
Пробовал в Data создавать переменные и обновлять их в mounted, но они не обновляются.
В родительской странице, где в mounted получаю данные есть
methods: {
sendOrder () {
console.log('Отправка данных')
}
}
Вот как в sendOrder использовать полученные в mounted данные?