將來自2個子組件的信息傳遞給父組件

Question

我有一個父組件（A）和兩個子組件（B，C）。父組件包含頁面的基本佈局，該佈局不會在所有佈局中更改。當用戶選擇不同的按鈕時，我需要在頁面中間交換內容。

第1步：從父組件A單擊按鈕 - >刷新到B 2步：用戶點擊來自子組件B鍵 - >刷新到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]