如何从 vue-router 获取组件名称或 python？

Question

我用vue-router之类的：

export default new Router({
routes: [
{
  path: '/',
  components: {
    navbar: Navbar,
    subnavbar: SubNavbar,
    main: WhoisPage   //********
  }
}

在我的组件 WhoisPage.vue 中，我想知道组件路径或主模块（即 //****** 行）使用哪个组件？

vue 或者 vuex 怎么做？

Answer 1

首先，vue-router 上没有“components”属性。

您需要使用“component”属性来注入您的 shell 组件（在这种情况下，它看起来像 WhoisPage），然后您可以调用您的子组件在您的 shell 组件中构建您的页面。

如果您想根据路由自动更改子组件，您可以将它们的名称作为字符串发送并在您的 shell 组件中呈现。

// in your router config.

export default new Router({
  routes: [
    {
      path: '/',
      component: WhoisPage,
      meta: {
        navbar: 'NavbarComponent'
      }
    }
  ]
})

<!-- in your shell component, ofc your navbar needs to be imported -->

<component :is="$route.meta.navbar"></component>

不确定我是否正确回答了您的需求。