diff --git a/components/lib/menu/BaseMenu.vue b/components/lib/menu/BaseMenu.vue
index 62767bb8f..a98cdefce 100644
--- a/components/lib/menu/BaseMenu.vue
+++ b/components/lib/menu/BaseMenu.vue
@@ -26,10 +26,6 @@ export default {
type: Number,
default: 0
},
- exact: {
- type: Boolean,
- default: true
- },
tabindex: {
type: Number,
default: 0
diff --git a/components/lib/menu/Menu.d.ts b/components/lib/menu/Menu.d.ts
index e8b59aab4..c46aef37b 100755
--- a/components/lib/menu/Menu.d.ts
+++ b/components/lib/menu/Menu.d.ts
@@ -210,6 +210,7 @@ export interface MenuProps {
baseZIndex?: number | undefined;
/**
* Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
+ * @deprecated since v3.40.0.
* @defaultValue true
*/
exact?: boolean | undefined;
diff --git a/components/lib/menu/Menu.vue b/components/lib/menu/Menu.vue
index 0088a0b7b..99728ee91 100644
--- a/components/lib/menu/Menu.vue
+++ b/components/lib/menu/Menu.vue
@@ -25,12 +25,12 @@
{{ label(item) }}
-
+
-
+
@@ -73,11 +73,6 @@ export default {
resizeListener: null,
container: null,
list: null,
- beforeMount() {
- if (!this.$slots.item) {
- console.warn('In future versions, vue-router support will be removed. Item templating should be used.');
- }
- },
mounted() {
this.id = this.id || UniqueComponentId();
@@ -115,10 +110,6 @@ export default {
item.command(event);
}
- if (item.to && event.navigate) {
- event.navigate(event.originalEvent);
- }
-
if (this.overlayVisible) this.hide();
if (!this.popup && this.focusedOptionIndex !== event.id) {
diff --git a/components/lib/menu/Menuitem.vue b/components/lib/menu/Menuitem.vue
index 54f65f44b..dd9c9f66d 100644
--- a/components/lib/menu/Menuitem.vue
+++ b/components/lib/menu/Menuitem.vue
@@ -13,14 +13,7 @@
>
-
-
-
-
- {{ label() }}
-
-
-
+
{{ label() }}
@@ -46,7 +39,7 @@ export default {
props: {
item: null,
templates: null,
- exact: null,
+
id: null,
focusedOptionId: null,
index: null
@@ -68,9 +61,6 @@ export default {
isItemFocused() {
return this.focusedOptionId === this.id;
},
- onItemActionClick(event, navigate) {
- navigate && navigate(event);
- },
onItemClick(event) {
const command = this.getItemProp(this.item, 'command');
diff --git a/components/lib/menu/style/MenuStyle.js b/components/lib/menu/style/MenuStyle.js
index 7b483cd22..798d5a748 100644
--- a/components/lib/menu/style/MenuStyle.js
+++ b/components/lib/menu/style/MenuStyle.js
@@ -45,13 +45,7 @@ const classes = {
}
],
content: 'p-menuitem-content',
- action: ({ props, isActive, isExactActive }) => [
- 'p-menuitem-link',
- {
- 'router-link-active': isActive,
- 'router-link-active-exact': props.exact && isExactActive
- }
- ],
+ action: 'p-menuitem-link',
icon: 'p-menuitem-icon',
label: 'p-menuitem-text'
};