Bug: 垂直/水平菜单切换 水平模式父菜单未选中问题

[18856743789]

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.1

Relevant log output

Validations

• [x] Read the docs
• [x] Ensure the code is up to date. (Some issues have been fixed in the latest version)
• [x] I have searched the existing issues and checked that my issue does not duplicate any existing issues.
• [x] Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• [x] The provided reproduction is a minimal reproducible example of the bug.