diff --git a/api-generator/components/tieredmenu.js b/api-generator/components/tieredmenu.js
index 3d76587ab..7d8b2c1e0 100644
--- a/api-generator/components/tieredmenu.js
+++ b/api-generator/components/tieredmenu.js
@@ -28,6 +28,12 @@ const TieredMenuProps = [
type: "boolean",
default: "true",
description: "Whether to automatically manage layering."
+ },
+ {
+ name: "exact",
+ type: "boolean",
+ default: "true",
+ description: "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
}
];
diff --git a/src/components/tieredmenu/TieredMenu.d.ts b/src/components/tieredmenu/TieredMenu.d.ts
index cc07f9d13..cb5724f91 100755
--- a/src/components/tieredmenu/TieredMenu.d.ts
+++ b/src/components/tieredmenu/TieredMenu.d.ts
@@ -6,6 +6,7 @@ interface TieredMenuProps {
appendTo?: string;
autoZIndex?: boolean;
baseZIndex?: number;
+ exact?: boolean;
}
declare class TieredMenu {
diff --git a/src/components/tieredmenu/TieredMenu.vue b/src/components/tieredmenu/TieredMenu.vue
index 8d6829062..274d63004 100755
--- a/src/components/tieredmenu/TieredMenu.vue
+++ b/src/components/tieredmenu/TieredMenu.vue
@@ -2,7 +2,7 @@
router-link with route configuration can also be used within templating for further customization.
+
+<TieredMenu :model="items">
+ <template #item="{item}">
+ <router-link :to="item.to" custom v-slot="{href, route, navigate, isActive, isExactActive}">
+ <a :href="href" @click="navigate" :class="{'active-link': isActive, 'active-link-exact": isExactActive}>{{route.fullPath}}</a>
+ </router-link>
+ </template>
+</TieredMenu>
+