vue.js - Vue js 路由- View 选择

Question

我的父组件有

<router-view></router-view>

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

<router-view></router-view>

两者都绑定(bind)到/login 路由

当我转到 /login 路由时，它会同时加载它们。我想跳过 first/parent router-view 来加载组件。我怎样才能做到这一点？我可以考虑设置一些状态并防止使用 v-if 指令加载，但这似乎有点不对。

也许是另一种解决方案，我可以将 null 传递给特定路由上的父命名 View 吗？

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