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 的兄弟路线,看看它在那里工作
推荐阅读
- javascript - 如何从 javascript 访问节点变量?
- flutter - Flutter:从另一个小部件更改主题亮度
- dialogflow-es - 单击后如何隐藏或删除内联按钮?
- vim - vim启动时如何复制错误信息?
- java - 防止在 RealmList 中保存时创建领域对象
- c - 二维矩形网格
- azure - 如何将 Github Actions 与 Azure Devops Pipelines 结合使用
- mysql - Mysql - 加入多个表以设置连接,以更新表中的单个列
- r - dplyr group_by 通过非标准评估的多个函数参数
- node.js - 节点/getstream:用户创建失败:client.user(uid).create() => 500