0

У меня есть компонент где я ввожу логин

<label for="name">Ваше имя:</label>
<input type="text" id="name" v-model="login">

И другой компонент где мне требуется логин введенный ранее

sendMessage() {
axios
.get('/newmessage',{
params:{
user: '123', <== на этом месте должно стоять значение из другого компонента
text: this.msg
}})
this.message = ''     

1 ответ 1

0

Пусть первый компонент при вводе логина кидает сообщение корневому приложению:

<input type="text" id="name" v-model="login" v-on:change="$root.$emit('login-changed',login)">

А корневое приложение как-то это событие обрабатывает, например, сохраняет в своих данных:

methods: {
   onLoginChanged: function(login) {
      this.login = login;
   }
},
mounted: function(){
   this.$on('login-changed', this.onLoginChanged);
}

Ну, и передать второму компоненту уже просто:

   <component2 v-bind:login="login"></component2>
3
  • error 'onLoginChanged' is not defined вот такая ошибка выходит @ВикторКараев
    – debash
    31 янв 2022 в 9:04
  • Проверьте, определили ли вы функцию onLoginChanged. 31 янв 2022 в 11:24
  • Да, забыл this. 1 фев 2022 в 12:15

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.