我的问题有一下几点
1. router-view 在使用name进行命名
这个命名,我再三确定没有命名错误的情况下。我的组件死活出不来。仔细排查了之后,也反复看了官方文档。终于发现
<router-view name="login"></router-view>
这个是路由上的实现方式为:
{path: '/login',name: 'login',components: {login: Login},//component: Login,// 添加元信息,可用于全局前置守卫判断是否需要鉴权meta: {requiresAuth: false, // 登录页面不需要鉴权},},
一定一定不能是这种,会识别不上的!!!!
{path: '/login',name: 'login',component:Login,//component: Login,// 添加元信息,可用于全局前置守卫判断是否需要鉴权meta: {requiresAuth: false, // 登录页面不需要鉴权},},
而且默认路由为第一个components下面的第一个,其他的就可以通过router-view 中的那么调用!!!!
2.router-link 使用 :to="{name=‘xxxx’}"时的问题
一定要明白这玩意是跳转,他与router-view有着本质上的不同。而且跳转的路由下的组件,一定得在当前页面才可以!!!
比如:这样就不行
<li><router-link active-class="active" :to="{name:'login'} " replace>Login</router-link>
</li>
这样就可以
<li><router-link active-class="active" :to="{name:'login'} " replace>Login</router-link>
</li><router-view name="login"></router-view>