Vue关于如何让router-view默认显示页面问题
场景:一个home页面,点击左边的菜单栏,右边显示页面,因此都知道在右边放一个router-view然后配置路由即可。然而问题出现在:重新打开的时候,默认是白色空的。那么解决办法是:在router管理的index.js中加上 redirect:'/xxxx'{path: '/home',name: 'Home',component: Home,meta: {requireAuth: true //
·
场景:一个home页面,点击左边的菜单栏,右边显示页面,因此都知道在右边放一个router-view然后配置路由即可。
然而问题出现在:重新打开的时候,默认是白色空的。
那么解决办法是:
在router管理的index.js中
加上 redirect:'/xxxx'
{
path: '/home',
name: 'Home',
component: Home,
meta: {
requireAuth: true // 添加该字段,表示进入这个路由是需要登录的
},
redirect:'/wxUser',
children: [{
path: '/admin',
name: '后台用户管理',
component: Admin,
meta: {
requireAuth: true
}
},
{
path: '/wxUser',
name: '微信用户管理',
component: WxUser,
meta: {
requireAuth: true
}
}]
}
更多推荐
已为社区贡献1条内容
所有评论(0)