Как получить этот дочерний компонент для рендеринга с представлением маршрутизатора в vue.js?

Question

Когда пользователь входит в систему, он направляется в LoggedIn.vue

У этого компонента есть дочерний компонент с именем TasksActions.vue, который я также хочу визуализировать.Я не получаю никаких ошибок, но ребенок, TasksActions.vue не отображает.

Routes.js

LoggedIn.vue

TasksActions.vue

Answer 1

Вы никогда не указывали, действительно ли вы направляете пользователя в / taskaction в любой момент?

Вы также можете сделать это программно, если необходимо:

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

Answer 2

Не могли бы вы попробовать вот так:

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

Answer 3

Полагаю, проблема в том, что у вас есть два маршрута с одинаковым значением пути /, и первый получает приоритет, и поскольку у него нет дочернего компонента, вы ничего там не видите.