Как сделать правильный редирект от родителя в дочерний роут?

Question

[GrimJack]

Есть роуты:

const routes = [
    {
        path: '/dashboard',
        name: 'dashboard',
        component: dashboardMainPage,
        children: [
            {
                path: 'auth',
                name: 'dashboard.auth',
                component: dashboardAuthPage
            }
        ]
    }
];

const router = new VueRouter({
    mode: 'history',
    routes
});

В родителе стоит проверка, авторизован ли юзер:

created() {
            if(this.$store.getters.isLogged){
                //
            }
            else {
                this.$router.go({name: 'dashboard.auth'})
            }
        }

Но такой вариант циклично гоняет по кругу
Как это сделать правильно?
Пытался найти некий аналог middleware в ларавел, но не нашел для vue
PS

"vue": "2.4.2",
    "vuex": "^2.3.1",
    "vue-router": "^2.7.0"

Answer 1

[GrimJack]

Вопрос был в том, что в vue 2+ используется push вместо go

Answer 2

[Artem0071]

Циклично гоняет потому что 'dashboard.auth' находится В компоненте 'dashboard'

И получается что заходя на 'dashboard' он перекидывает на 'dashboard.auth' который находится в 'dashboard' который перекидывает на 'dashboard.auth' который находится в 'dashboard' и тд

Вам просто следует разнести эти компоненты

Comments

[GrimJack]

А если я хочу оставить его дочерним, то как тогда делать редирект?

[GrimJack]

Artem0071 вынес отдельно, ситуация та же

[Artem0071]

GrimJack: если вынесли отдельно, то не должно быть редиректов если только они не ссылаются друг на друга