Как изменить данные родительского компонента из дочернего дочернего?

<Parent :data="a">
  <Child1 :data="a.b">
    <Child2></Child2 :data="b.c">
  </Child1>
</Parent>


В компоненте Parent я совершаю ajax запрос и получаю данные a, передаю a.b в Child1, оттуда b.c в Child2. В Child2 я обновляю их, допустим, через пользовательский ввод. Vue не разрешает их изменять из дочерних:

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "c"

Для примера Parent может быть страницей с именами людей, Child1 - списком имен, Child2 - элементом списка имен (одним именем).
Если использовать $emit, то его придется прокладывать через оба дочерних компонента и принимать на родителе? Есть другие способы реализоватать это?
  • Вопрос задан
  • 571 просмотр
Решения вопроса 1
Ni55aN
@Ni55aN
Vuex или Event bus. Второй попроще будет
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы