UaCar
@UaCar

Как передать данные из одного дочернего компонента в другой?

Есть родительский компонент, и два дочерних, нужно из одно дочернего компонента выполнить метод (который по клику на кнопку в компоненте "MyBlockList" должен отобразить текст из массива в текстовое поле компонента "MyForm"), вопрос заключается в том, как лучше всего это реализовать?
Сам массив в родительском компоненте.64845dcdd9e07694005624.png
  • Вопрос задан
  • 125 просмотров
Решения вопроса 1
Geminix
@Geminix
Фуллстек nuxt, .net разработчик
1. в компоненте MyBlockList вызываете событие this.$emit('block-list-clicked'),
2. подписывайтесь на событие
<MyBlockList v-on:block-list-clicked="onBlockListClicked">

3. у компонента MyForma добавляете props для получения значения и передаете его <MyForma propName="text">
4. внутри комопнента MyForma делаете watch на изменение пропса propName и дальше работайте с данными из propName
5. в функции onBlockListClicked задаёте значeние text
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы