Question

我有一个父组件（A）和两个子组件（B，C）。父组件包含页面的基本布局，不会在所有布局中更改。当用户选择不同的按钮时，我需要在页面中间交换内容。

步骤1：点击父组件A中的按钮 - ＆gt;刷新到B. 步骤2：用户点击来自子组件B的按钮 - ＆gt;刷新到C

由于我必须坚持不懈地保持组件A的基本布局，有哪些方法可以实现第2步？

Answer 1

您需要为其使用路由。在组件A中，您可以编写代码并将<router-outlet></router-outlet>放在标记中。对于组件A，您可以声明路由，如

const routes = [
   { path: '', component: 'AComponent', children: [
     {path: '', redirectTo: 'b', pathMatch: 'full'},
     {path: 'b', component: 'BComponent'},
     {path: 'c', component: 'CComponent'},
   ]}  
]

点击按钮，您需要通过[routerLink]

转到合适的路线

将信息从2个子组件传递到父组件

1 个答案: