Показать сообщение отдельно
  #1 (permalink)  
Старый 02.11.2020, 17:53
Профессор
Отправить личное сообщение для the_little Посмотреть профиль Найти все сообщения от the_little
 
Регистрация: 25.09.2017
Сообщений: 186

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 данные?
Ответить с цитированием