2017-02-20 10 views
0

Я 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 дети работают отлично.

+0

изменить путь к '/ detail' в дочерних маршрутах –

+0

Я попробовал это раньше. В URL-адресе браузера он изменяется на/подробно, но остается на одной странице/поддержки – Stan

ответ

1

Как я понимаю, причина не отображает его, потому что он требует другого <router-view> </router-view>, кроме корневого. Таким образом, вопрос пересылки будет, какая логика вы можете создать, которая переключит вас между страницами?