Bug: 垂直/水平菜单切换 水平模式父菜单未选中问题 #5959
Description
Version
Vben Admin V5
Describe the bug?
由于需求我配置这样的路由 {
meta: {
hideChildrenInMenu: true,
icon: 'mdi:feature-highlight',
title: $t('demos.features.title'),
},
name: 'FeaturesDemos',
path: '/demos/features',
children: [
{
component: () =>
import('#/views/demos/features/hide-menu-children/index.vue'),
meta: {
icon: 'ic:round-menu',
title: $t('demos.features.hideChildrenInMenu'),
},
name: 'HideChildrenInMenuParentDemo',
path: '/demos/features/hide-menu-children',
redirect: '/demos/features/hide-menu-children/children1',
children: [
{
name: 'HideChildrenInMenuChildrenDemo',
path: '/demos/features/hide-menu-children/children1',
component: () =>
import('#/views/demos/features/hide-menu-children/children1.vue'),
meta: {
activePath: '/demos/features/hide-menu-children',
title: $t('demos.features.hideChildrenInMenu'),
},
},
{
name: 'HideChildrenInMenuChildrenDemo2',
path: '/demos/features/hide-menu-children/children2',
component: () =>
import('#/views/demos/features/hide-menu-children/children2.vue'),
meta: {
activePath: '/demos/features/hide-menu-children',
title: $t('demos.features.hideChildrenInMenu'),
},
},
{
name: 'HideChildrenInMenuChildrenDemo3',
path: '/demos/features/hide-menu-children/children3',
component: () =>
import('#/views/demos/features/hide-menu-children/children3.vue'),
meta: {
activePath: '/demos/features/hide-menu-children',
title: $t('demos.features.hideChildrenInMenu'),
},
},
],
},
],
}, 垂直正常 水平异常
Reproduction
由于需求我配置这样的路由 {
meta: {
hideChildrenInMenu: true,
icon: 'mdi:feature-highlight',
title: $t('demos.features.title'),
},
name: 'FeaturesDemos',
path: '/demos/features',
children: [
{
component: () =>
import('#/views/demos/features/hide-menu-children/index.vue'),
meta: {
icon: 'ic:round-menu',
title: $t('demos.features.hideChildrenInMenu'),
},
name: 'HideChildrenInMenuParentDemo',
path: '/demos/features/hide-menu-children',
redirect: '/demos/features/hide-menu-children/children1',
children: [
{
name: 'HideChildrenInMenuChildrenDemo',
path: '/demos/features/hide-menu-children/children1',
component: () =>
import('#/views/demos/features/hide-menu-children/children1.vue'),
meta: {
activePath: '/demos/features/hide-menu-children',
title: $t('demos.features.hideChildrenInMenu'),
},
},
{
name: 'HideChildrenInMenuChildrenDemo2',
path: '/demos/features/hide-menu-children/children2',
component: () =>
import('#/views/demos/features/hide-menu-children/children2.vue'),
meta: {
activePath: '/demos/features/hide-menu-children',
title: $t('demos.features.hideChildrenInMenu'),
},
},
{
name: 'HideChildrenInMenuChildrenDemo3',
path: '/demos/features/hide-menu-children/children3',
component: () =>
import('#/views/demos/features/hide-menu-children/children3.vue'),
meta: {
activePath: '/demos/features/hide-menu-children',
title: $t('demos.features.hideChildrenInMenu'),
},
},
],
},
],
}, 垂直正常 水平异常
System Info
System:
OS: macOS 15.1.1
CPU: (8) arm64 Apple M1 Pro
Memory: 103.86 MB / 16.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 22.0.0 - ~/.nvm/versions/node/v22.0.0/bin/node
npm: 10.5.1 - ~/.nvm/versions/node/v22.0.0/bin/npm
pnpm: 9.15.9 - ~/.nvm/versions/node/v22.0.0/bin/pnpm
Browsers:
Chrome: 135.0.7049.85
Edge: 135.0.3179.73
Safari: 18.1.1Relevant log output
Validations
- Read the docs
- Ensure the code is up to date. (Some issues have been fixed in the latest version)
- I have searched the existing issues and checked that my issue does not duplicate any existing issues.
- Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
- The provided reproduction is a minimal reproducible example of the bug.