仅更改＆＃39;组件＆＃39;在导航卫兵

Question

我想看看我是否可以在页面启动之前交换我的组件（一个在＆＃39;默认＆＃39;路由器视图中，另一个在＆＃39; navDrawer＆＃39; router-view中）。 ＆＃39;交换＆＃39;对我实际想要达到的目标而言，这只是一个贬义目标。

最终，我想在加载整个页面之前将一个参数传递给组件，但显然组件是通过这个路由器加载的，我想在我决定通过什么道具之前预先检查（有或没有后卫）进入组件。

这是我的routers/index.js

Landing＆amp; LandingButtonBar是组件。

1 export default new Router({
2  routes: [
3    {
4      path: '/',
5        name: 'Landing',

6        components: {
7          default: Landing,
8          navDrawer: LandingButtonBar
9        },

10       // Guard
11       beforeEnter: (to, from, next) => {
           // put some conditions here to invoke the next line.
12         next({
13           // path: '/',  // this will obviously cause a recursion
14           components: {
15             default: LandingButtonBar,
16             navDrawer: Landing
             }
           })
         }
       }
     ]
   })

一切都按预期工作。但我也希望组件在加载之前互相交换。这是否可以使用在路线？

尝试1 ：

自我指挥守卫的工作时间为0.01秒，但随后会陷入无限循环。即取消注释第13行。同时删除路径＆＃39;加载页面后，属性将无效。失败。