Всем привет, есть вопрос насчет vue-router Есть такой роутинг: path: '/',

Question

Всем привет, есть вопрос насчет vue-router Есть такой роутинг: path: '/',

name: 'Home',
component: TheContainer,
children: [
{
path: 'dashboard',
name: 'Dashboard',
component: Dashboard
},
]
и при переходе на /dashboard - все работает.
Но сейчас мне нужно поменять имя у родительского рута на /admin, чтобы нужно было заходить по /admin/dashboard
При замене '/' на '/admin', дочерний компонент перестает рендерится. Подскажите плз, как это решить?

#frontend #javascript #programming #russian #vue.js

0

17.06.2021

19 ответов

9 просмотров

blessu Автор вопроса

Nazar LL
вынесли дашборд в роут /admin/dashboard

пробовал, не сработало path: '/admin', name: 'Home', component: TheContainer, children: [ { path: '/admin/dashboard', name: 'Dashboard', component: Dashboard }, ]

0

17.06.2021

Stanislav S

blessu
пробовал, не сработало path: '/admin', name: 'Home...

В чилдрене путь не верный

0

17.06.2021

Artyom Tuchkov

blessu
пробовал, не сработало path: '/admin', name: 'Home...

тут ты ничего не поменял, просто указал абсолютный путь

0

17.06.2021

blessu Автор вопроса

Stanislav S
В чилдрене путь не верный

какой должен быть? 'admin/dashboard' тоже не работает

0

17.06.2021

Artyom Tuchkov

blessu
какой должен быть? 'admin/dashboard' тоже не работ...

путь dashboard оставь, без слешей

0

17.06.2021

blessu Автор вопроса

Artyom Tuchkov
путь dashboard оставь, без слешей

path: '/admin', name: 'Home', component: TheContainer, children: [ { path: 'dashboard', name: 'Dashboard', component: Dashboard }, аналогично

0

17.06.2021

Artyom Tuchkov

blessu

path: '/admin', name: 'Home', component: TheContai...

значит в App.vue нет RouterView

0

17.06.2021

blessu Автор вопроса

Artyom Tuchkov
значит в App.vue нет RouterView

<template> <router-view></router-view> </template> <script> export default { name: 'App' } </script>

0

17.06.2021

Artyom Tuchkov

blessu

path: '/admin', name: 'Home', component: TheContai...

покажи верстку, которая рендерится тут

0

17.06.2021

Nazar LL

blessu
пробовал, не сработало path: '/admin', name: 'Home...

так вынести нужно было из чилдрена

0

17.06.2021

blessu Автор вопроса

Artyom Tuchkov
покажи верстку, которая рендерится тут

0

17.06.2021

blessu Автор вопроса

Nazar LL
так вынести нужно было из чилдрена

если вынести - то он как независимый компонент рендерится, без TheContainer

0

17.06.2021

Artyom Tuchkov

blessu

покажи инициализацию роутера

0

17.06.2021

blessu Автор вопроса

Artyom Tuchkov
покажи инициализацию роутера

сам роутер Vue.use(Router) const router = new Router({ mode: 'history', hash: false, linkActiveClass: 'active', // scrollBehavior: () => ({ y: 0 }), routes: configRoutes(), //тут все руты }) export default router main.js new Vue({ el: '#app', router, store, icons, template: '<App/>', components: { App } })

0

17.06.2021

Artyom Tuchkov

blessu
сам роутер Vue.use(Router) const router = new Rout...

ну вроде все верно мб ты с configRoutes() накосячил как-то? попробуй прям массив роутов туда закинуть вместо вызова метода

0

17.06.2021

Max Lomov

blessu
сам роутер Vue.use(Router) const router = new Rout...

не замешан ли base роутера?

0

17.06.2021

blessu Автор вопроса

Max Lomov
не замешан ли base роутера?

если я правильно понял, то base я роутеру не задавал

0

17.06.2021

Illia Lebid

blessu
если я правильно понял, то base я роутеру не задав...

В консоле все чисто? Dashboard импортируется синхронно или асинхронно? Скинь код Dashboard У меня стоит CoreUI на проекте, я только что добавил /admin без проблем в корне. В общем если вставить из коробки в роутер CoreUI префикс /admin, то все ок

0

17.06.2021

Nazar LL · Accepted Answer

Nazar LL

вынесли дашборд в роут /admin/dashboard

0

17.06.2021

169 похожих чатов

Всем привет, есть вопрос насчет vue-router Есть такой роутинг: path: '/',

19 ответов

Похожие вопросы