Обновить панель инструментов при нажатии элемента Vue. js

Question

Пожалуйста, нажмите здесь, чтобы увидеть мой веб

Я хочу сделать один щелчок по списку в правой части таблицы, затем слева от меня расположена панель инструментов, которая покажет всю информацию из списка я нажал. Все эти элементы на панели инструментов подключаются к API.

Мой вопрос заключается в том, какой метод лучше всего сделать одним щелчком мыши на элементе таблицы, а затем обновить все компоненты панели мониторинга, такие как гистограмма и диаграмма. Я исследовал некоторые из них и не могу найти много примеров, должен ли я использовать маршрутизатор или другой метод?

Извините, впервые использую vue. js и создаю веб-приложение.

Answer 1

Нет необходимости использовать маршруты или любой другой метод на мой взгляд. Вы можете использовать метод table on cell click (который будет иметь параметры ячейки) и вызывать ваши API внутри метода. Это не будет проблемой. Вернитесь назад в случае проблем

Answer 2

Это можно сделать, выбрасывая событие из дочернего компонента i.e таблицы в родительский компонент, являющийся панелью управления.

Затем панель мониторинга зарегистрирует это событие и создаст API вызовите и измените реквизиты, передаваемые всем компонентам, таким как graph et c.

Подробнее о событиях от дочернего компонента до родительского компонента можно узнать здесь: - https://vuejs.org/v2/guide/components-custom-events.html