我正在开发一个新的 SPA,其中有一个左侧导航菜单,并且此左侧导航菜单中的项目由 API 驱动。与仪表板 1、仪表板 2 一样
我创建了一个仪表板组件。当我单击 Dashboard1 时,我应该能够将 Dashboard1 传递给我的 Dashboard 组件并在右侧显示它。同样的情况,当我单击左侧导航中的 Dashboard2 时,我应该能够将 Dashboard2 传递给我的 Dashboard 组件并在右侧显示它。
我正在开发一个新的 SPA,其中有一个左侧导航菜单,并且此左侧导航菜单中的项目由 API 驱动。与仪表板 1、仪表板 2 一样
我创建了一个仪表板组件。当我单击 Dashboard1 时,我应该能够将 Dashboard1 传递给我的 Dashboard 组件并在右侧显示它。同样的情况,当我单击左侧导航中的 Dashboard2 时,我应该能够将 Dashboard2 传递给我的 Dashboard 组件并在右侧显示它。
组件交互有几种不同的方法,但根据您上面的描述,我建议使用共享服务模式。
通常,这涉及让两个组件订阅服务上的一个值,这些组件可以更改该值。因此,如果您在左侧导航中单击 Dashboard1,它将将此数据发送到共享服务,您的右侧将能够获取此值更改并相应地调整视图
这是来自官方文档的指南