如何在vue.js中使此子组件与View Router一起呈现？

Question

用户登录时将其定向到LoggedIn.vue

此组件具有一个称为TasksActions.vue的子组件，我也想对其进行渲染。我没有收到任何错误，但孩子没有TasksActions.vue呈现。

Routes.js

LoggedIn.vue

TasksActions.vue

Answer 1

您从未指定过，您实际上是在任何时候将用户定向到/ taskactions吗？

如果需要，您也可以通过编程方式执行此操作：

this.$router.push({name: 'taskactions'});

Answer 2

我想，问题在于您有两条路径的路径值/相同的路由，第一个具有优先权，并且由于它没有任何子组件，因此您看不到任何东西。

Answer 3

请您尝试这样：

{
  path: '/loggedin',
  component: LoggedIn,
  redirect: '/loggedin/taskactions'
  children: [
    path: 'taskactions',
    ...
  ]
}