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