Vue.js Vue路由器-嵌套路由，内部嵌套路由

我想在其他嵌套管线中添加嵌套管线。我知道应该使用命名路由，在我最后一次尝试时，我使路由中的URL正确更改，但我设置的组件未加载。已联机检查，但找不到使其工作的方法。我的路由和组件结构：

路由器：

{
路径：“/login”，
名称：“登录”，
组件：登录，
元：{
客人：是的，
},
},
{
路径：“/admin”，
名称：“管理员”，
beforeEnter:checkAdminRights，
组成部分：管理员，
儿童：[
{
路径：“/”，
名称：“欢迎”，
beforeEnter:checkAdminRights，
组成部分：欢迎，
元：{
是的，
},
},
{
路径：“userspanel”，
名称：“userspanel”，
beforeEnter:checkAdminRights，
组件：UsersPanel，
儿童：[
{
路径：'history/：user_id'，
名称：'历史'，
组件：{a:History}，
}
]
},

UsersPanel.vue

名称
电子邮件
性别
历史
{{user.name}
{{user.email}
{{user.gender}
mdi文件

Admin.vue（其中设置了主视图路由器）

注销
mdi注销

历史.vue

<template>
  <div>
    <h1>History Section</h1>
    <v-card class="mx-auto" max-width="344" outlined>
      <v-list-item three-line>
        <v-list-item-content>
          <div class="overline mb-4">OVERLINE</div>
          <v-list-item-title class="headline mb-1"
            >Headline 5</v-list-item-title
          >
          <v-list-item-subtitle
            >Greyhound divisely hello coldly fonwderfully</v-list-item-subtitle
          >
        </v-list-item-content>

        <v-list-item-avatar tile size="80" color="grey"></v-list-item-avatar>
      </v-list-item>

      <v-card-actions>
        <v-btn text>Button</v-btn>
        <v-btn text>Button</v-btn>
      </v-card-actions>
    </v-card>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style></style>

历史科
上划线
标题5
灰狗冷冷地亲切地打招呼
按钮
按钮
导出默认值{
数据（）{
返回{}；
},
};

截图

---

提前谢谢！

您能整理一下您问题中关于

UsersPanel

组件的代码吗？我看到一个

，但没有

。另外，您的

历史组件是什么样子的？@Phil，很抱歉，您是对的，我丢失了一个标记。它现在被编辑了。我的历史部分是一个空模板，我是想要使用提供的Id进行查询，但我无法使组件加载。我可以在此处添加其他内容吗？谢谢！如果没有内容，您如何知道它不会加载？对于命名视图，您应该使用
组件
，而不是
组件
。例如：
组件：{a:History}
在这种情况下，如果您不想呈现UserPanel，那么历史组件应该独立呈现，而不是嵌套在UserPanel中。您可以整理一下问题中关于
UsersPanel
组件的代码吗？我看到了
但没有
。另外，您的
历史组件看起来像什么e？@Phil，很抱歉，你是对的，我丢失了一个标记。它现在正在编辑。我的历史记录部分是一个空模板，我想使用提供的Id进行查询，但我无法创建要加载的组件。还有什么我可以添加的吗？谢谢！如果没有内容，你怎么知道它不会加载？对于命名视图，你应该使用
components
而不是
组件
。这样：
组件：{a:History}
在这种情况下，如果您不希望呈现UserPanel，那么历史组件应该独立呈现，而不是嵌套到UserPanel中