Перенаправить маршрут с предопределением в vuejs

Question

Я создаю приложение Vuejs, и маршруты работают следующим образом: user_role/page (user_role меняется в зависимости от вашей роли после входа в систему), и когда они нажимают на кнопку «Домой», я хочу перенаправить их на их root /user_role независимо от роли.

Первая попытка была добавить вычисляемую функцию внутрь <router-view :to="homeRoute()">, но она не кажется идеальной.

Вторая попытка была добавить метод следующим образом:

 homeRoute() {
                this.$router.push(this.$route.matched[0].path)
            }

Я получаю эту ошибку:

"Переход к текущему местоположению (" / client / Панель инструментов ") не разрешена".

Какой будет идеальный способ добавить все, что следует после /user_role/ и перенаправить на этот маршрут?

Answer 1

Почему вы не перенаправляете в зависимости от userType?

goHome : function(){
   const redirectTo = user.accountType === "client" ? {name:'client'} : {name:'manager'}}

   // Catch prevent error if push an active route
   router.push(redirectTo).catch(err => {})
}