Vue js 路由器视图选择答案

【问题标题】：Vue js router-view selectionVue js 路由器视图选择
【发布时间】：2017-07-03 14:06:12
【问题描述】：

我的父组件有

<router-view></router-view>

在父组件内部还有另一个组件，它也有一个

<router-view></router-view>

两者都绑定到/login路由

当我转到/login 路由时，它会同时加载它们。我想跳过第一个/父路由器视图来加载组件。我怎样才能做到这一点？我可以考虑使用v-if 指令设置一些状态并阻止加载，但这似乎有点错误。

也许是另一种解决方案，我可以将null 传递给特定路线上的父级视图吗？

【问题讨论】：

标签： vue.js

【解决方案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

【讨论】：