Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   Vue.js достать переменные из mounted (https://javascript.ru/forum/library-toolkit-framework/81275-vue-js-dostat-peremennye-iz-mounted.html)

the_little 02.11.2020 16:53

Vue.js достать переменные из mounted
 
Всем привет!
Столкнулся с такой проблемой.
Есть родительская страница с формой.
Части формы сделаны в виде компонентов (по шагам)

В компонентах через $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 данные?


Часовой пояс GMT +3, время: 21:54.