@Firsov36
full-stack web developer

Как передать данные между компонентами и их предками с различными состоянием и обратно в Vuex.store?

Есть компонент, который в виде таблицы выводит список заказов. Каждая строка таблицы (заказ), это отдельный компонент. Внутри компонента-заказа лежат еще несколько компонентов. Один из них, это компонент-кнопка. При нажатии на кнопку, загорается иконка и в окне браузера появляется окошко со списком выбранных заказов. При нажатии на это окошко, заказы формируются и выводятся на печать.

Примерное расположение компонентов:
<main-component />
   <order-component />
      <order-id-component />
      <order-delivery-component />    
      <order-print-component />  
   <order-component />
    ...
   <order-component />
    ...
   <order-component />
    ...
<choosed-orders-component />


Все это дело работает через Vuex.store
Внутри лежит кнопка. При нажатии на эту кнопку, номер заказа должен добавиться в массив Vuex.state.choosedOrders и автоматом выводится в

Я не понимаю, как мне сделать, чтобы при нажатии кнопки, в массив в store добавился номер заказа. Потому что в компоненте с кнопкой нет номера заказа. Причем список заказов и список выбранных заказов - это разные массивы данных.

Как вариант, можно передавать в компонент значение номера заказа ( ), а дальше передавать в store.actions при нажатии кнопки номер заказа и состояние (вкл/выкл) кнопки. Но правильно ли это?

Надеюсь получилось объяснить. Остальное в комментариях.
  • Вопрос задан
  • 75 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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