在使用 Vue 开发后台的时候,有些时候我们需要一个默认路由。
比如说,用户登陆以后,会看到一个界面,此时这个界面就需要一个默认路由。因为这个界面一般会放置一个 route-view,如果没有默认路由,就会导致首页的内容是空白的。因此,放置一个默认路由来显示内容即可。
想要实现也很简单,在对应的路由中添加 children 项目,并设置其 path 为 ""
这样,就会将这个路由设置为默认路由。比如,这个样子:
let router = new Router({
routes: [
{
path: "/dashboard",
component: home,
children: [
{
path:"",
component: analytics,
}
]
]
})
Code language: JavaScript (javascript)
这样就实现了点击 dashboard ,进入对应页面后,默认查看的是 analytics 的内容。