Я wokring в vuejs и по какой-то причине он не отображает контент при его переключении на другой маршрут. У меня есть следующий код: в App.vue ->Маршрутизатор не отображает содержимое VueJS
<template>
<div>
<router-view> </router-view>
</div>
</template>
в моем routes.js ->
import Support from './components/support/Support.vue';
import Detailed from './components/support/details/Detailed.vue';
export const routes =[
{path: '/support', component: Support, children: [
{path: 'detailed', component: Detailed, name: 'detailed'}
]},
];
в моем Support.vue у меня есть компонент ->
<div class="row">
<component :is = "selectedComponent"> </component>
</div>
и этот компонент, если выбрано, отображает определенный контент. Внутри этого содержания у меня есть ->
<div class="most-asked">
<ul>
<router-link :to ="{name: 'detailed'}" tag = 'li'> Test </router-link>
</ul>
Когда я нажимаю на том, что он изменяет URL в браузере для => «/ поддержка/детальная», но это не перенаправляет меня на эту страницу. Любые идеи о том, почему это происходит и как это исправить?
PS если я сделать маршруты разделите в routes.js как ->/детализированы и/поддержка, то он перенаправляет меня прекрасно, но как только я сделать ребенка поддержки, он не туда больше
PSS и по какой-то причине он говорит мне иногда в моем браузере, что его не удалось загрузить файлы, такие как (Failed to load resource: http://localhost:8080/support/src/vendors/css/grid.css Failed to the server responded with a status of 404 (Not Found)
и http://localhost:8080/support/src/vendors/css/ionicons.min.css Failed to load resource: the server responded with a status of 404 (Not Found)
Я предполагаю, что, если я включать самозагрузки и т.д., его также не собираются, чтобы найти его в этих маршрутах (почему?), но если поместить все эти маршруты отдельно без каких-либо c дети работают отлично.
изменить путь к '/ detail' в дочерних маршрутах –
Я попробовал это раньше. В URL-адресе браузера он изменяется на/подробно, но остается на одной странице/поддержки – Stan