Как заставить этот дочерний компонент отрисовываться с помощью view router в vue.js ?

#vue.js #vuejs2 #vue-router

#vue.js #vuejs2 #vue-маршрутизатор

Вопрос:

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

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

Routes.js

LoggedIn.vue

TasksActions.vue

1. По очевидным причинам вы должны размещать код вместо изображений. Также вы определяете несколько компонентов по одному и тому же пути. Похоже, что ваш компонент включен /taskactions , но вы не даете никаких указаний на то, что вы на самом деле видите.

Ответ №1:

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

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

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

1. да, оказалось, что я нажимал на родительский компонент, ожидая, что дочерний компонент будет просто отображаться как часть страницы. Я не понимал, что мне нужно было нажимать на дочерний компонент.

Ответ №2:

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

Ответ №3:

Не могли бы вы, пожалуйста, попробовать вот так:

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