问题概述
当你一个路由下面的 children 声明的路由大于1个时,自动会变成嵌套的模式–如组件页面
只有一个时,会将那个子路由当做根路由显示在侧边栏–如引导页面
解决办法
- 在父路由中设置alwaysShow: true,这样它就会忽略之前定义的规则,一直显示根路由
export default [
{
path: '/test',
component: Layout,
name: 'test',
meta: {
title: 'menu.test',
},
icon: 'Location',
alwaysShow:true,
children: [
{
path: '',
name: 'testList',
component: List,
meta: {
title: 'menu.testList',
},
}]
}]
- 若设置alwaysShow属性没有效果,可以尝试查找配置文件中是否有设置alwaysShow逻辑的代码,如果没有设置一下即可,下面是一个例子
-修改前
-修改后