相同route path,不同component,尋求作法建議

各位大大,大家好,

目前碰到一個問題就是在相同的route path會根據不同情況來決定要顯示的component

舉例來說:
一般情形下,網址為 http://localhost/student 或是 http://localhost/teacher 時,
會套用ItemComponent,定義如下

{
    path: ':type',
    component: ItemComponent,
}

但是當網址是http://localhost/billboard時,我想要套用OtherComponet
試著改成如下,但卻沒用

{
    path: 'billboard',
    component: OtherComponent,
},
{
    path: ':type',
    component: ItemComponent,
}

現在我是想說新增一個ViewComponent判斷type是什麼來決定顯示ItemComponent或是OtherComponent,不知道是否還有其他比較好的作法?


你看看這個範例是不是你要的效果
1個讚

感謝Kevin,我知道為什麼我的route會沒用了,因為沒注意到大小寫的問題
route設定的billboard是小寫,實際上是Billboard

{
    path: 'billboard',
    component: OtherComponent,
},

如果要case insenstive可以參考