fix(theme): fix ineffective activeMatch configuration

pull/3355/head
Red-Asuka 2 years ago
parent 0c434bf537
commit 80ecd6fcd6

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

Loading…
Cancel
Save