遇到的问题：路由变化，父组件有router-view的情况下子组件页面不显示，查了诸多方案，最终是因为路由跳级的原因；代码如下：
router.js
MyRoutes：{
path: '/',
name: '首页',
component: Salary,
children: [
{
path: 'other',
name: '其他数据',
// component: EmployeeSalary,//没有这个 component 的时候,就会出现路由跳级，相当于/ 路径下没有router-view 来展示 other 路径对应的组件
children: [
{
path: 'children',
name: '',
component: Employee // 父组件都没有展示，所以父组件的子组件也不会展示
},
],
},
],
},
其他嵌套路由中出现 路由跳转，子组件页面不展示的问题的原因
- 父组件中没有 router-view 来展示子组件页面
<div class="main-nav">
<transition name="fade-transform" mode="out-in">
<router-view></router-view>
</transition>
</div>
- routes关键字是否正确
const createRouter = () =>
new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes: MyRoutes,
});
- 其他原因排查router.js
本文地址：https://blog.csdn.net/Sue_Vivian/article/details/107519563
