Question

我有

的父组件

<router-view></router-view>

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

<router-view></router-view>

两者都绑定到/login路径

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

也许是另一种解决方案，我可以将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

Vue js路由器视图选择

1 个答案: