fix(theme): fix ineffective activeMatch configuration

pull/3355/head
Red-Asuka 7 months ago
parent 0c434bf537
commit 80ecd6fcd6

@ -24,17 +24,21 @@ const isChildActive = (navItem: DefaultTheme.NavItem) => {
}
const childrenActive = computed(() => isChildActive(props.item))
const menuActive = computed(() => {
const { activeMatch } = props.item
if (activeMatch)
return isActive(page.value.relativePath, activeMatch, true)
else
return childrenActive.value
})
</script>
<template>
<VPFlyout
:class="{
VPNavBarMenuGroup: true,
active: isActive(
page.relativePath,
item.activeMatch,
!!item.activeMatch
) || childrenActive
active: menuActive
}"
:button="item.text"
:items="item.items"

Loading…
Cancel
Save