Vue关于如何让router-view默认显示页面问题

admin

Vue关于如何让router-view默认显示页面问题

场景：一个home页面，点击左边的菜单栏，右边显示页面，因此都知道在右边放一个router-view然后配置路由即可。

然而问题出现在：重新打开的时候，默认是白色空的。

那么解决办法是：

在router管理的index.js中
加上 redirect:'/xxxx'

1. {
   
2.     path: '/home',
   
3.     name: 'Home',
   
4.     component: Home,
   
5.     meta: {
   
6.       requireAuth: true // 添加该字段，表示进入这个路由是需要登录的
   
7.     },
   
8.     redirect:'/wxUser',
   
9.     children: [{
   
10.       path: '/admin',
    
11.       name: '后台用户管理',
    
12.       component: Admin,
    
13.       meta: {
    
14.         requireAuth: true
    
15.       }
    
16.     },
    
17.       {
    
18.         path: '/wxUser',
    
19.         name: '微信用户管理',
    
20.         component: WxUser,
    
21.         meta: {
    
22.           requireAuth: true
    
23.         }
    
24.       }]
    
25.   }
    

复制代码