我正在为我的 Vue 应用构建一个仪表板,我有一个关于如何处理仪表板路由的问题。
我的仪表板容器组件具有以下结构:
<template>
<div>
<side-nav />
<div>
<router-view />
</div>
</div>
</template>
目标是在保持导航和其他内容静态的同时呈现不同的组件。
我的路线中有以下结构:
{
path: "/dashboard",name: "Dashboard",component: Dashboard,children: [
{
path: "/dashboard/home",component: accountHome,alias: "/dashboard"
},{
path: "/dashboard/settings",component: Settings
}
]
}
我想知道将默认组件设置为在仪表板内部呈现的正确方法是什么。现在我希望用户身份验证时登录页面的 URL 为 /dashboard
并呈现 accountHome
组件。上述路线使用别名工作,但似乎不是解决问题的正确方法。
如果我没有别名,则 router-view
中没有组件,所以我最终只呈现静态仪表板组件。
有什么不同的方法可以处理这个问题吗?还是处理仪表板路由的标准?