Question

我在vuejs中工作，并且由于某种原因，当它切换到另一条路线时它不会显示内容。我有以下代码：在App.vue中 - ＆gt;

<template>
 <div>
 <router-view> </router-view>
 </div>
</template>

在我的routes.js - ＆gt;

中

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中，我有一个组件 - ＆gt;

    <div class="row">

 <component :is = "selectedComponent">   </component>

        </div>

选择该组件时会显示某些内容。在这个内容里面我有 - ＆gt;

     <div class="most-asked">
    <ul>
         <router-link :to ="{name: 'detailed'}" tag = 'li'> Test    </router-link>

    </ul>

当我按下它时，它会将浏览器中的网址更改为=＆gt; ＆＃34; /支持/详细＆＃34;但它并没有将我重定向到那个页面。关于它为什么会发生以及如何解决的任何想法？

P.S如果我在routes.js中分隔路线，如 - ＆gt; /详细和/支持然后它重新定向我很好，但一旦我生了一个孩子的支持，它不再去那里

P.S.S并且由于某种原因，它告诉我有时在我的浏览器中它无法加载像（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)

我假设如果我包含bootstrap等，它也不会在那些路径中找到它（为什么？），但是如果把所有这些路线分开而没有任何孩子，它们就能正常工作。

Answer 1

据我所知，它不显示它的原因是因为除了根目录之外需要另外<router-view> </router-view>。所以转发问题是，你可以创建什么样的逻辑来切换你的页面？

路由器不显示内容VueJS

1 个答案: