Vue的JS路由器視圖選擇

Question

我已經具有

<router-view></router-view> 

內部父組件的父組件有另一個組件，它也有一個

<router-view></router-view> 

兩者都結合到/login路線

當我去/login路由它加載它們兩個。我想跳過加載組件的第一/父路由器視圖。 我怎樣才能做到這一點？我可以考慮設置一些狀態，並防止用指令加載，但這看起來有點不對。

也許另一種解決方案，我可以通過null到特定路線上的父命名視圖？

Answer 1

發現在人的情況下的解決方案需要：

<-- applies only this one --> 
<router-view name="login"></router-view> 

<router-view></router-view> 

const router = new VueRouter({ 
    routes: [ 
    { 
     path: '/', 
     components: { 
     login: LoginComp 
     } 
    } 
    ] 
}) 

價：https://router.vuejs.org/en/essentials/named-views.html