在 Vue.js 中單擊元素時更新儀表板

Question

請點擊這里查看我的網站

我想在表格右側單擊列表，然后我的左側是儀表板，將顯示我單擊的列表的所有信息。 儀表板中的那些元素都連接到 API。

我的問題是，哪種方法更好地單擊表格元素，然后更新儀表板中的所有組件，例如條形圖和圖表。 我研究了一些，找不到太多例子，我應該使用路由器還是其他方法？

抱歉，第一次使用 vue.js 並創建 web 應用程序。

Answer 1

您可以通過從子組件（ ie表）向作為儀表板的父組件拋出一個事件來做到這一點。

然后儀表板將注冊該事件並進行API調用並更改傳遞給所有組件（如圖形等）的道具。

您可以在此處了解有關從子組件到父組件的事件的更多信息：- https://v2.vuejs.org/v2/guide/components-custom-events.html

Answer 2

在我看來，不需要使用路線或任何其他方法。 您可以在單元格單擊方法上使用表格（它將具有單元格參數）並在該方法內調用您的 api。 這不會是一個問題。 如果出現問題，請恢復