Question

我希望社区能够对此事有所启发。我想在Vue应用程序中嵌套一些路线（这是我的第一个vue项目）。我的主要路线正在运行，包括父路线配置文件。

我已经阅读了文档，并仔细阅读了代码以及一些视频。无法找到故障。

我将提供指向存储库的链接，而不是粘贴代码。

router.js此处-https://github.com/anaivanm/vue-tw/blob/master/src/router.js

所有.vue文件都位于视图中，例如：https://github.com/anaivanm/vue-tw/tree/master/src/views

我曾经尝试将其嵌套在views / profile文件夹中的Profile下，但这也不起作用。

您可以在此处看到带有router-link标签的导航栏： https://github.com/anaivanm/vue-tw/blob/master/src/components/SiteHeader.vue

我没有收到任何错误，即使路径以正确的方式存在，它也仅呈现空白空间，例如http://localhost:8080/#/profile/saved

出现“个人资料”页面，其他所有子对象-NOPE。

Answer 1

根据nested route docs，要使嵌套路由正常工作，您需要向嵌套路由将在其中呈现的父元素（Profile.vue）中添加<router-view></router-view>。我在您的个人资料页面中没有看到<router-view></router-view>，它看起来应该像这样：

<template>
  <div>
    Profile page.
    <router-view></router-view>
  </div>
</template>

VUE路线-无法呈现嵌套路线

1 个答案: