时间戳

首页 > 解决方案 > Nuxt.js 路由器似乎没有加载正确的组件

vue.js - Nuxt.js 路由器似乎没有加载正确的组件

问题描述

我们正在尝试 Nuxt.js 的应用程序在让他们的路由器加载正确的组件时遇到了一点问题。我已经构建了我们的目录以生成以下内容：

      path: "/articles/:id?",
      component: _241eccb7,
      name: "articles-id",
      children: [{
        path: "edit",
        component: _4bdace12,
        name: "articles-id-edit"
      }]
    }, {

问题是articles-id-edit 永远不会被调用。对于articles/123，article-id 路由被调用并关联组件。对于articles/123/edit，当我希望article-id-edit路由与其对应的组件一起调用时，将调用 article-id 路由和相同的组件。

我不明白什么？什么是调试这个的好方法（比如rake routes在 Rails 或其他东西中）。有没有办法让我的路线更明确，而不是自动创建？

标签： vue.jsvue-routernuxt.js

解决方案

您的文件结构设置正确吗？根据文档：

要定义嵌套路由的父组件，您需要创建一个与包含子视图的目录同名的 Vue 文件。

https://nuxtjs.org/guide/routing#nested-routes

推荐阅读