Javascript vuejs中未显示子路径

vuejs中未显示子路由

访问子路由时，将显示母路由。我做错了什么

{
    path: '/portaria',
    name: 'portaria',
    component: Portaria,
    meta: {
        auth: true,
        layout: layouts.navTop,
        tipo: 'portaria'
    },
    children: [
        {   path: 'create',
            name: 'create',
            component: PortariaCreate,
            meta: {
                auth: true,
                layout: layouts.navTop
            }
        }
    ]
}

---

你丢失了一个/当它在儿童体内时。它是

{path:'create'…

，应该是

{path:'/create'…

在子级中

像这样：

const router = new Router({
    mode: 'history',
    //base: '/sub-path/',
    routes: [
        {
            path: '/',
            alias: '/dashboard',
            name: 'dashboard',
            component: Dashboard,
            meta: {
                auth: true,
                layout: layouts.navLeft,
                searchable: true
            }
        },
        {

            path: '/portaria',
            name: 'portaria',
            component: Portaria,
            meta: {
                auth: true,
                layout: layouts.navTop,
                tipo: 'portaria'
      },
      children: [
                {   path: '/create', //added / here
                    name: 'create',
                    component: PortariaCreate,
                    meta: {
                        auth: true,
                        layout: layouts.navTop
                    }
                }
            ],
        }
    ]
})

---

如果上述操作不起作用，请尝试更改PortrariaCreate的布局。如果不起作用，请直接将其作为到Portaria的同级路由，并查看它在那里是否起作用

当它在子级中时，您缺少了一个/。它是

{path:'create'.

，在子级中应该是

{path:'/create'.

像这样：

const router = new Router({
    mode: 'history',
    //base: '/sub-path/',
    routes: [
        {
            path: '/',
            alias: '/dashboard',
            name: 'dashboard',
            component: Dashboard,
            meta: {
                auth: true,
                layout: layouts.navLeft,
                searchable: true
            }
        },
        {

            path: '/portaria',
            name: 'portaria',
            component: Portaria,
            meta: {
                auth: true,
                layout: layouts.navTop,
                tipo: 'portaria'
      },
      children: [
                {   path: '/create', //added / here
                    name: 'create',
                    component: PortariaCreate,
                    meta: {
                        auth: true,
                        layout: layouts.navTop
                    }
                }
            ],
        }
    ]
})

---

如果上述操作不起作用，请尝试更改PortrariaCreate的布局。如果不起作用，请直接将其作为到Portaria的同级路由，并在那里查看它的工作情况

您的

Portaria

组件必须包含自己的

，子路由器才能在内部显示

嵌套路由必须具有匹配的嵌套路由器视图

App.vue
 - <router-view>
 Portaria.vue
   - <router-view>

---

您的

Portaria

组件必须包含自己的

，子路由器才能在内部显示

嵌套路由必须具有匹配的嵌套路由器视图

App.vue
 - <router-view>
 Portaria.vue
   - <router-view>

---

在访问任何子路由时，总是会显示母路由或

Portaria

组件，即您是否访问

/Portaria

或

/Portaria/create

。在这两种情况下，您都会看到

Portaria

，在子路由中，您会看到

Portaria

使用

Portaria

创建

。尝试修改样式子组件，以便您知道它正在渲染。当前它可能与父组件重叠。谢谢。即使访问/portaria/create子组件也不会渲染。只渲染母路由。控制台中是否有任何错误？否。没有错误…您可以添加完整
路由
文件的更多代码吗？母路由或
端口aria
组件将始终在访问任何子路由时显示，即您是否访问
/portaria
或
/portaria/create
。在这两种情况下，您都将看到
portaria
，在子路由中，您将看到
portaria
使用
portaria
创建。请尝试修改子路由的样式，以便您知道它正在渲染。当前它可能与父组件重叠。谢谢。即使访问/portaria/创建子组件也不会渲染。只渲染母路由。控制台中是否有任何错误？没有。没有错误…您可以添加完整
路由
文件的更多代码吗？